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