javascript中的new使用
更新時間：2010年03月20日 23:27:30 作者：
javascript是基于原型(Prototype based)的面向?qū)ο蟮恼Z言，這點不同于我們熟悉的.NET，Java語言，是基于類模式(Class based)。
所以javascript中沒有類的概念。理解這一點很重要，很多javascript教程為了讓讀者更容易理解，會套用他們常用的類模式中的概念，這 樣反而讓大家產(chǎn)生歧義。
先進(jìn)段代碼，
function employee(){
this.name="";
this.dept="";
}
employee.prototype={
say:'hello'
}
var p = new employee();
這段代碼，我們會經(jīng)常用到，其中new關(guān)鍵字最容易引起混淆的一處。這里的new和.NET中的所做的工作不同。
我們可以這樣理解javascript中用new操作創(chuàng)建實例的過程，new關(guān)鍵字以employee()為模板創(chuàng)建了一個新的對象，它復(fù)制了employee構(gòu)造器中的成員變量（也可以理解為，將p對象作為參數(shù)傳入構(gòu)造函數(shù)中，并且應(yīng)用函數(shù)中所有this的成員變量），同時繼承了構(gòu)造器的原型。
我們用代碼模擬new的過程。
//var p = new Object() is also correct.
var p ={};
employee.apply(p);
p.__proto__ = employee.prototype;
__proto__ 是 javascript對象實例一個內(nèi)部屬性，它指向構(gòu)造函數(shù)即employee的prototype屬性，當(dāng)對象查找某一成員變量時，例如p.say，首先查找自己的成員屬性，如果找到了，返回值，如果沒找到，就去調(diào)用__proto__來檢查原型鏈，當(dāng)前例子，也就是在employee.prototype中找到say成員。
先進(jìn)段代碼，
復(fù)制代碼 代碼如下:
function employee(){
this.name="";
this.dept="";
}
employee.prototype={
say:'hello'
}
var p = new employee();
這段代碼，我們會經(jīng)常用到，其中new關(guān)鍵字最容易引起混淆的一處。這里的new和.NET中的所做的工作不同。
我們可以這樣理解javascript中用new操作創(chuàng)建實例的過程，new關(guān)鍵字以employee()為模板創(chuàng)建了一個新的對象，它復(fù)制了employee構(gòu)造器中的成員變量（也可以理解為，將p對象作為參數(shù)傳入構(gòu)造函數(shù)中，并且應(yīng)用函數(shù)中所有this的成員變量），同時繼承了構(gòu)造器的原型。
我們用代碼模擬new的過程。
復(fù)制代碼 代碼如下:
//var p = new Object() is also correct.
var p ={};
employee.apply(p);
p.__proto__ = employee.prototype;
__proto__ 是 javascript對象實例一個內(nèi)部屬性，它指向構(gòu)造函數(shù)即employee的prototype屬性，當(dāng)對象查找某一成員變量時，例如p.say，首先查找自己的成員屬性，如果找到了，返回值，如果沒找到，就去調(diào)用__proto__來檢查原型鏈，當(dāng)前例子，也就是在employee.prototype中找到say成員。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序地圖實現(xiàn)展示線路，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
JavaScript是基于對象的語言。我們知道，對象是由一組數(shù)據(jù)(JavaScript中稱之為屬性)和施加在這組數(shù)據(jù)上的方法組成的。JavaScript中還有一些不屬于任何對象的系統(tǒng)函數(shù)2012-01-01
js原型鏈與繼承是js中的重點,原型的實現(xiàn)則是在原型鏈的基礎(chǔ)上，本篇文章深入理解JS繼承和原型鏈的問題，有興趣的同學(xué)可以了解一下。2016-12-12
這篇文章主要介紹了JS document對象簡單用法,結(jié)合完整實例形式詳細(xì)分析了JS document對象獲取、輸出、節(jié)點調(diào)用等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了Chart.js功能與使用方法,結(jié)合實例形式分析了Chart.js功能、使用方法及操作注意事項,需要的朋友可以參考下2020-04-04
Ext JS 實現(xiàn)建議詞模糊動態(tài)搜索功能
這篇文章主要介紹了Ext JS 實現(xiàn)建議詞模糊動態(tài)搜索功能,需要的朋友可以參考下2017-05-05
Babel是一個廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，本篇文章主要介紹了Babel 入門教程學(xué)習(xí)筆記，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
今天小編就為大家分享一篇layui多圖上傳實現(xiàn)刪除功能的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
在講這個問題之前，先來補(bǔ)充幾個知識點，如果對此已經(jīng)比較了解可以直接跳過2012-05-05
JavaScript中的console.trace()函數(shù)介紹
這篇文章主要介紹了JavaScript中的console.trace()函數(shù)詳細(xì)介紹,console.trace()函數(shù)用來打印函數(shù)調(diào)用的棧信息,需要的朋友可以參考下2014-12-12