javascript中的new使用
更新時(shí)間:2010年03月20日 23:27:30 作者:
javascript是基于原型(Prototype based)的面向?qū)ο蟮恼Z(yǔ)言,這點(diǎn)不同于我們熟悉的.NET,Java語(yǔ)言,是基于類(lèi)模式(Class based)。
所以javascript中沒(méi)有類(lèi)的概念。理解這一點(diǎn)很重要,很多javascript教程為了讓讀者更容易理解,會(huì)套用他們常用的類(lèi)模式中的概念,這 樣反而讓大家產(chǎn)生歧義。
先進(jìn)段代碼,
function employee(){
this.name="";
this.dept="";
}
employee.prototype={
say:'hello'
}
var p = new employee();
這段代碼,我們會(huì)經(jīng)常用到,其中new關(guān)鍵字最容易引起混淆的一處。這里的new和.NET中的所做的工作不同。
我們可以這樣理解javascript中用new操作創(chuàng)建實(shí)例的過(guò)程,new關(guān)鍵字以employee()為模板創(chuàng)建了一個(gè)新的對(duì)象,它復(fù)制了employee構(gòu)造器中的成員變量(也可以理解為,將p對(duì)象作為參數(shù)傳入構(gòu)造函數(shù)中,并且應(yīng)用函數(shù)中所有this的成員變量),同時(shí)繼承了構(gòu)造器的原型。
我們用代碼模擬new的過(guò)程。
//var p = new Object() is also correct.
var p ={};
employee.apply(p);
p.__proto__ = employee.prototype;
__proto__ 是 javascript對(duì)象實(shí)例一個(gè)內(nèi)部屬性,它指向構(gòu)造函數(shù)即employee的prototype屬性,當(dāng)對(duì)象查找某一成員變量時(shí),例如p.say,首先查找自己的成員屬性,如果找到了,返回值,如果沒(méi)找到,就去調(diào)用__proto__來(lái)檢查原型鏈,當(dāng)前例子,也就是在employee.prototype中找到say成員。
先進(jìn)段代碼,
復(fù)制代碼 代碼如下:
function employee(){
this.name="";
this.dept="";
}
employee.prototype={
say:'hello'
}
var p = new employee();
這段代碼,我們會(huì)經(jīng)常用到,其中new關(guān)鍵字最容易引起混淆的一處。這里的new和.NET中的所做的工作不同。
我們可以這樣理解javascript中用new操作創(chuàng)建實(shí)例的過(guò)程,new關(guān)鍵字以employee()為模板創(chuàng)建了一個(gè)新的對(duì)象,它復(fù)制了employee構(gòu)造器中的成員變量(也可以理解為,將p對(duì)象作為參數(shù)傳入構(gòu)造函數(shù)中,并且應(yīng)用函數(shù)中所有this的成員變量),同時(shí)繼承了構(gòu)造器的原型。
我們用代碼模擬new的過(guò)程。
復(fù)制代碼 代碼如下:
//var p = new Object() is also correct.
var p ={};
employee.apply(p);
p.__proto__ = employee.prototype;
__proto__ 是 javascript對(duì)象實(shí)例一個(gè)內(nèi)部屬性,它指向構(gòu)造函數(shù)即employee的prototype屬性,當(dāng)對(duì)象查找某一成員變量時(shí),例如p.say,首先查找自己的成員屬性,如果找到了,返回值,如果沒(méi)找到,就去調(diào)用__proto__來(lái)檢查原型鏈,當(dāng)前例子,也就是在employee.prototype中找到say成員。
您可能感興趣的文章:
- Javascript new關(guān)鍵字的玄機(jī) 以及其它
- javascript中new關(guān)鍵字詳解
- javascript new一個(gè)對(duì)象的實(shí)質(zhì)
- JavaScript中的new的使用方法與注意事項(xiàng)
- js中獲取時(shí)間new Date()的全面介紹
- javascript中使用new與不使用實(shí)例化對(duì)象的區(qū)別
- 詳解javascript new的運(yùn)行機(jī)制
- javascript new 需不需要繼續(xù)使用
- js中new一個(gè)對(duì)象的過(guò)程
- 詳解Javascript中new()到底做了些什么?
相關(guān)文章
Bootstrap編寫(xiě)一個(gè)同時(shí)適用于PC、平板、手機(jī)的登陸頁(yè)面
這篇文章主要為大家詳細(xì)介紹了Bootstrap編寫(xiě)一個(gè)同時(shí)適用于PC、平板、手機(jī)的登陸頁(yè)面,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06詳解JS中的compose函數(shù)和pipe函數(shù)用法
這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法,想深入了解Javascript的同學(xué),可以參考下2021-04-04微信小程序發(fā)送短信驗(yàn)證碼完整實(shí)例
這篇文章主要介紹了微信小程序發(fā)送短信驗(yàn)證碼完整實(shí)例,實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼,帶60秒倒計(jì)時(shí)功能,無(wú)需服務(wù)器端,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2019-01-01JavaScript面向?qū)ο髮?shí)現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript面向?qū)ο髮?shí)現(xiàn)貪吃蛇游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04JS獲取本周周一,周末及獲取任意時(shí)間的周一周末功能示例
這篇文章主要介紹了JS獲取本周周一,周末及獲取任意時(shí)間的周一周末功能,結(jié)合實(shí)例形式分析了js通過(guò)擴(kuò)展實(shí)現(xiàn)針對(duì)日期的運(yùn)算相關(guān)技巧,需要的朋友可以參考下2017-02-02webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實(shí)現(xiàn)自動(dòng)刷新的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05