<noframes id="2q6mm"></noframes>

new命令的原理

Kyxy 發布于2019-08-23 12:24 / 1654人閱讀

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

var person = new Person("小明", 18);
console.log(person.name);  //小明
console.log(person.age);   //18

執行new命令會經過以下幾個步驟

創建一個空對象,這個對象將會是new Person()返回的對象實例;

將這個空對象的原型指向構造函數的prototype屬性;

將構造函數的this指向空對象,并運行構造函數;

判斷構造函數返回的是不是對象,是的話返回默認對象,不是的話返回之前創建的空對象,沒有返回值默認返回空對象

用代碼解釋一下

function Person(name, age) {
    this.name = name;
    this.age = age
    //return "小明" //如果返回的不是Object類型,將忽略這個return 返回之前創建的空對象
   /* return {     //如果返回的是Object類型,直接返回這個對象
        "name" : "小花",
        "age" : 22
    } */
}

function _new(person, ...rest){
    var obj = {};  // 創建一個空對象,這個對象將會是返回的對象實例
    obj.__prototype__ = person.prototype; // 將這個空對象的原型指向person的prototype屬性;
    //上述兩步可以合為一步 :  var obj = Object.create(person.prototype)  
   
    var res = person.apply(obj, rest);  // 將person的this指向空對象,并運行person函數,apply命令綁定this后就會運行person
    return (typeof res === "object" && res != null) ? res: obj;
    // 判斷res返回的是不是對象,是的話返res,不是的話返回之前創建的obj,沒有返回值默認返回obj
}

var xiaoming = _new(Person, "小明", 15)
console.log(xiaoming .name);  //小明
console.log(xiaoming .age);   //15

本篇如能對您有所幫助，實在是感到榮幸。如有不合理之處也請大家多多指點。

云服務器 GPU云服務器 new 命令 new命令 linux命令行原理 cdn的原理

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98445.html

new 命令的原理

摘要：創建一個空對象，作為將要返回的對象實例將這個空對象的原型，指向構造函數的屬性。如果構造函數內部有語句，而且后面跟著一個對象，命令會返回語句指定的對象否則，就會不管語句，返回對象。前言之前一直沒完全弄清楚js原型鏈和繼承，有時候是自己的理解，有時候靠死記；最近要回頭看看js的基礎，順便記錄一些內容。摘抄于阮一峰大神；如果想好好復習一下js基礎內容，戳這里https://wangdoc...

aikin 2019-08-23 13:47 評論0 收藏0
JavaScript學習之Object(下)new命令

摘要：命令作用作用是執行構造函數，返回實例對象上面例子是自定義一個構造函數，其最大的特點就是首字母大寫，用執行構造函數其中，在的執行下，代表了實例化后的對象，這個也就有屬性注意點如果不用執行構造函數，那么指向的是全局有兩種方式可以避免內部定義嚴格 new命令 new作用作用是執行構造函數，返回實例對象 function F() { this.name = object } var ...

Salamander 2019-08-23 12:14 評論0 收藏0
Java 編譯器 javac 筆記：javac API、注解處理 API 與 Lombok 原理

摘要：對語法樹的掃描，同樣提供了掃描器。詞法分析過程如下圖所示語法分析，即根據語法由序列生成抽象語法樹，對應實現類為。生成的抽象語法樹如下圖所示的實現原理依賴開發的典型的第三方庫有，代碼自動生成的和，代碼檢查的和，編譯階段完成依賴注入的等。原文：http://nullwy.me/2017/04/java...如果覺得我的文章對你有用，請隨意贊賞 javac 是 Java 代碼的編譯器 [...

lookSomeone 2019-08-16 17:38 評論0 收藏0
FE.BASE-vscode使用、原理、插件開發筆記

摘要：插件提供內容，負責渲染。增量更新，盡可能地減少重新渲染長時間運行的任務應該支持，并可以取消插件能夠正確地處理對象的生命周期。使用了模式，運行可以將這個對象銷毀。使用命令行使用幫助：code --help 使用已經打開的窗口來打開文件：code -r 打開文件并滾動到特定行：code -r -g package.json:128 比較兩個文件：code -r -d a.tx...

MingjunYang 2019-08-26 13:46 評論0 收藏0