這篇“js中new的作用是什么”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“js中new的作用是什么”文章吧。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于網(wǎng)站設計、網(wǎng)站制作、沐川網(wǎng)絡推廣、小程序開發(fā)、沐川網(wǎng)絡營銷、沐川企業(yè)策劃、沐川品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供沐川建站搭建服務，24小時服務熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

前言

在 JavaScript 中, 通過 new 操作符可以創(chuàng)建一個實例對象，而這個實例對象繼承了原對象的屬性和方法。因此，new 存在的意義在于它實現(xiàn)了 JavaScript 中的繼承，而不僅僅是實例化了一個對象。

new 的作用

我們先通過例子來了解 new 的作用，示例如下：

function Person(name) {
  this.name = name
}
Person.prototype.sayName = function () {
  console.log(this.name)
}
const t = new Person('小明')
console.log(t.name)  // 小明
t.sayName()  // 小明

從上面的例子中我們可以得出以下結論：

• new 通過構造函數(shù) Person 創(chuàng)建出來的實例對象可以訪問到構造函數(shù)中的屬性。

• new 通過構造函數(shù) Person 創(chuàng)建出來的實例可以訪問到構造函數(shù)原型鏈中的屬性，也就是說通過 new 操作符，實例與構造函數(shù)通過原型鏈連接了起來。

構造函數(shù) Person 并沒有顯式 return 任何值（默認返回 undefined），如果我們讓它返回值會發(fā)生什么事情呢？

function Person(name) {
  this.name = name
  return 1
}
const t = new Person('小明')
console.log(t.name)  // 小明

在上述例子中的構造函數(shù)中返回了 1，但是這個返回值并沒有任何的用處，得到的結果還是和之前的例子完全一樣。我們又可以得出一個結論：

構造函數(shù)如果返回原始值，那么這個返回值毫無意義。

我們再來試試返回對象會發(fā)生什么：

function Person(name) {
  this.name = name
  return {age: 23}
}
const t = new Person('小明')
console.log(t)  // { age: 23 }
console.log(t.name)  // undefined

通過上面這個例子我們可以發(fā)現(xiàn)，當返回值為對象時，這個返回值就會被正常的返回出去。我們再次得出了一個結論：

構造函數(shù)如果返回值為對象，那么這個返回值會被正常使用。

總結：這兩個例子告訴我們，構造函數(shù)盡量不要返回值。因為返回原始值不會生效，返回對象會導致 new 操作符沒有作用。

實現(xiàn) new

首先我們要清楚，在使用 new 操作符時，js 做了哪些事情:

1. js 在內(nèi)部創(chuàng)建了一個對象

2. 這個對象可以訪問到構造函數(shù)原型上的屬性，所以需要將對象與構造函數(shù)連接起來

3. 構造函數(shù)內(nèi)部的this被賦值為這個新對象(即this指向新對象)

4. 返回原始值需要忽略，返回對象需要正常處理

知道了步驟后，我們就可以著手來實現(xiàn) new 的功能了:

function _new(fn, ...args) {
  const newObj = Object.create(fn.prototype);
  const value = fn.apply(newObj, args);
  return value instanceof Object ? value : newObj;
}

測試示例如下：

function Person(name) {
  this.name = name;
}
Person.prototype.sayName = function () {
  console.log(this.name);
};

const t = _new(Person, "小明");
console.log(t.name);  // 小明
t.sayName();  // 小明

以上就是關于“js中new的作用是什么”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關的知識內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。