引言

在學(xué)習(xí) JavaScript 的過程中，很多同學(xué)都會遇到這樣的問題：為什么有的函數(shù)直接調(diào)用就能用，而有的必須要通過 new 來實例化？

這背后其實就是 實例化 和 不實例化 的區(qū)別。本文就帶你從概念、代碼示例、應(yīng)用場景幾個方面，深入理解它們的不同。

一、什么是實例化？

實例化（Instantiation）指的是通過 構(gòu)造函數(shù)（Constructor） 或 類（Class） 創(chuàng)建一個具體的對象實例（Instance）。

在 JavaScript 中，通常使用 new 關(guān)鍵字來完成實例化。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const p1 = new Person("張三", 20); // 實例化
console.log(p1.name); // 張三

這里：

• Person 是一個構(gòu)造函數(shù)；
• new Person("張三", 20) 就是對 Person 的實例化，返回了一個具體的對象。

二、不實例化是什么？

所謂不實例化，就是直接調(diào)用函數(shù)，而不使用 new。此時函數(shù)只是作為普通函數(shù)執(zhí)行，不會創(chuàng)建對象實例。

function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person("李四", 22); // 不實例化
console.log(window.name); // 瀏覽器環(huán)境下 -> 李四

在上面的代碼中：

• 沒有 new，所以 this 指向全局對象（瀏覽器中是 window，Node.js 中是 global）。
• 導(dǎo)致屬性 name、age 被掛載到了全局對象上，而不是新建的對象實例中。

三、實例化和不實例化的區(qū)別

我們可以從幾個角度來看它們的不同：

四、舉個例子：類和工具函數(shù)

1. 構(gòu)造函數(shù)/類（需要實例化）

class Animal {
  constructor(type) {
    this.type = type;
  }
  speak() {
    console.log(`${this.type} 在叫`);
  }
}

const dog = new Animal("狗"); // 實例化
dog.speak(); // 狗 在叫

這里必須使用 new，否則會報錯：Class constructor Animal cannot be invoked without 'new'。

2. 工具函數(shù)（不需要實例化）

function add(a, b) {
  return a + b;
}

console.log(add(1, 2)); // 3

像這種純粹計算的函數(shù)，只需直接調(diào)用即可，不需要也不能實例化。

五、總結(jié)

• 實例化：用 new 調(diào)用構(gòu)造函數(shù)/類，返回對象實例，適合創(chuàng)建可復(fù)用的對象結(jié)構(gòu)。
• 不實例化：直接調(diào)用函數(shù)，執(zhí)行邏輯或返回結(jié)果，適合寫工具函數(shù)或業(yè)務(wù)邏輯函數(shù)。

簡單一句話概括：

要創(chuàng)建對象時用實例化；只是執(zhí)行邏輯時不用實例化。

寫在最后

在實際開發(fā)中，你可以根據(jù)需求來選擇：

• 如果是 構(gòu)造對象/封裝屬性方法 —— 用 new 實例化；
• 如果是 簡單邏輯處理/工具函數(shù) —— 直接調(diào)用，不需要實例化。

到此這篇關(guān)于JavaScript中實例化與非實例化的區(qū)別與應(yīng)用場景詳解的文章就介紹到這了,更多相關(guān)JavaScript實例化與非實例化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論