js手札--js中new到底做了些啥

3fuyu 發(fā)布于2019-08-20 11:11 / 1273人閱讀

摘要：的三個(gè)步驟舉個(gè)例子正常創(chuàng)建一個(gè)對(duì)象以上其實(shí)等價(jià)于個(gè)步驟個(gè)步驟注兩步，其實(shí)就是創(chuàng)建一個(gè)空對(duì)象拷貝構(gòu)造函數(shù)的給實(shí)例對(duì)象的初始化對(duì)象把當(dāng)做中的，做初始化的操作例如通過其實(shí)就相當(dāng)于

new的三個(gè)步驟

舉個(gè)例子：

# 正常創(chuàng)建一個(gè)對(duì)象
function Super() {};
var s = new Super();

以上其實(shí)等價(jià)于3個(gè)步驟

# 3個(gè)步驟
var s = {};
s.__proto__ = Super.prototype;
Super.call(s);
# 注：1.2兩步，其實(shí)就是Object.create(Super.prototype);

1.創(chuàng)建一個(gè)空對(duì)象{}

var s = {};

2.拷貝構(gòu)造函數(shù)的prototype 給實(shí)例對(duì)象的 proto

s.__proto__ === Super.prototype

3.初始化對(duì)象

# 把s當(dāng)做Super中的this，做初始化s的操作
Super.call(s);

# 例如
function Super() {
  this.y = 1;
}

# 通過
Super.call(s);

# 其實(shí)就相當(dāng)于
Super(_this) {
    _this.y = 1;
}
Super(s);

云服務(wù)器 GPU云服務(wù)器 js構(gòu)建new js滾動(dòng)條到底部 js中引入外部js js中!!

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80441.html

相關(guān)文章

前端臨床手札——webpack構(gòu)建逐步解構(gòu)（上）

摘要：前言由于博主最近又閑下來了，之前覺得的官方文檔比較難啃一直放到現(xiàn)在。文章會(huì)逐步分析每個(gè)處理的用意當(dāng)然是博主自己的理解，不足之處歡迎指出溝通交流。后續(xù)將會(huì)補(bǔ)上構(gòu)建生產(chǎn)的配置分析，案例參考。前端臨床手札構(gòu)建逐步解構(gòu)下前言由于博主最近又閑下來了，之前覺得webpack的官方文檔比較難啃一直放到現(xiàn)在。細(xì)心閱讀多個(gè)webpack配置案例后覺得還是得自己寫個(gè)手腳架，當(dāng)然這個(gè)案例是基于vue的，...

lowett 2019-08-22 10:36 評(píng)論0 收藏0
關(guān)于構(gòu)造函數(shù)、原型、原型鏈、多種方式繼承

摘要：可以看出這個(gè)構(gòu)造函數(shù)是由創(chuàng)建出來的，而我們看下的隱式原型，竟然是指向了的原型，也就是也是由創(chuàng)建出來的。例如，其他構(gòu)造函數(shù)的原型將覆蓋屬性并提供自己的方法。將構(gòu)造函數(shù)的執(zhí)行對(duì)象賦給這個(gè)空對(duì)象并且執(zhí)行。把對(duì)象的隱式原型指向構(gòu)造函數(shù)的原型。構(gòu)造函數(shù)與實(shí)例對(duì)象又是這個(gè)經(jīng)典的問題，嗯，我先來寫個(gè)構(gòu)造函數(shù)，然后實(shí)例化一個(gè)對(duì)象看看。 function Person(name) { this....

zxhaaa 2019-08-23 15:57 評(píng)論0 收藏0
js手札--關(guān)于AMD的簡(jiǎn)單分析

摘要：廢話真多，是的哈而要說清和的二三事，又不是件容易的事，簡(jiǎn)單理解，和指向同一內(nèi)存區(qū)域。而對(duì)于當(dāng)前模塊來說是外部的模塊。參考關(guān)于和的區(qū)別和的區(qū)別這篇文章很不賴。 AMD中define常見的形式 define(alpha ,[require, exports, module], function(require, exports, module) { var foo = require(...

frank_fun 2019-08-19 18:23 評(píng)論0 收藏0
swoft| 源碼解讀系列二: 啟動(dòng)階段, swoft 都干了些啥?

摘要：源碼解讀系列二啟動(dòng)階段都干了些啥閱讀框架源碼了解啟動(dòng)階段的那些事兒小伙伴剛接觸的時(shí)候會(huì)感覺壓力有點(diǎn)大更直觀的說法是難開發(fā)組是不贊成難這個(gè)說法的的代碼都是實(shí)現(xiàn)的而又是世界上最好的語言的代碼閱讀起來是很輕松的之后開發(fā)組會(huì)用系列源碼解讀文章深 date: 2018-8-01 14:22:17title: swoft| 源碼解讀系列二: 啟動(dòng)階段, swoft 都干了些啥?descriptio...

hqman 2019-07-01 10:28 評(píng)論0 收藏0
阿里小哥帶你玩轉(zhuǎn)JVM：揭秘try-catch-finally在JVM底層都干了些啥？

摘要：當(dāng)觸發(fā)異常的字節(jié)碼的索引值在某個(gè)異常表?xiàng)l目的監(jiān)控范圍內(nèi)，虛擬機(jī)會(huì)判斷所拋出的異常和該條目想要捕獲的異常是否匹配。作者：李瑞杰目前就職于阿里巴巴，狂熱JVM愛好者讓我們準(zhǔn)備一個(gè)函數(shù):showImg(https://user-gold-cdn.xitu.io/2019/5/19/16acbce35adfefb7);然后，反編譯他的字節(jié)碼：showImg(https://user-gold-cd...

番茄西紅柿 2019-05-23 16:08 評(píng)論0 收藏0