Javascript學(xué)習(xí)筆記6 prototype的提出
更新時(shí)間：2010年01月11日 00:32:20 作者：
所以你還會再說是否用prototype都是一樣的么？其實(shí)我以前也是這么理解的，在這次偶然的試驗(yàn)中看到了這個(gè)問題。
首先我們繼續(xù)上文的代碼，我們來把這段代碼延伸一下：
<script type="text/javascript">
var Person = function (name, age) {
this.name = name;
this.age = age;
this.Introduce = function () {
alert("My name is " + this.name + ".I'm " + this.age);
};
};
var person1 = new Person("飛林沙", 21);
var person2 = new Person("kym", 26);
alert(person1.Introduce == person2.Introduce);
</script>
結(jié)果彈出false。也就是說，這兩個(gè)對象的方法是不同的方法。那么我們知道，在C#中，每個(gè)對象會維護(hù)著一個(gè)方法表，可是方法表應(yīng)該指向同一塊地址。如果是這樣的話，那當(dāng)我們聲明了100個(gè)對象，是不是要建立100個(gè)對象拷貝，對空間是不是一個(gè)很大的浪費(fèi)呢？
于是我們就想了這樣的解決辦法，用prototype：
<script type="text/javascript">
var Person = function (name, age) {
this.name = name;
this.age = age;
};
Person.prototype.Introduce = function () {
alert("My name is " + this.name + ".I'm " + this.age);
}
var person1 = new Person("飛林沙", 21);
var person2 = new Person("kym", 26);
alert(person1.Introduce == person2.Introduce);
</script>
這樣就可以了。所以你還會再說是否用prototype都是一樣的么？其實(shí)我以前也是這么理解的，在這次偶然的試驗(yàn)中看到了這個(gè)問題。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var Person = function (name, age) {
this.name = name;
this.age = age;
this.Introduce = function () {
alert("My name is " + this.name + ".I'm " + this.age);
};
};
var person1 = new Person("飛林沙", 21);
var person2 = new Person("kym", 26);
alert(person1.Introduce == person2.Introduce);
</script>
結(jié)果彈出false。也就是說，這兩個(gè)對象的方法是不同的方法。那么我們知道，在C#中，每個(gè)對象會維護(hù)著一個(gè)方法表，可是方法表應(yīng)該指向同一塊地址。如果是這樣的話，那當(dāng)我們聲明了100個(gè)對象，是不是要建立100個(gè)對象拷貝，對空間是不是一個(gè)很大的浪費(fèi)呢？
于是我們就想了這樣的解決辦法，用prototype：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var Person = function (name, age) {
this.name = name;
this.age = age;
};
Person.prototype.Introduce = function () {
alert("My name is " + this.name + ".I'm " + this.age);
}
var person1 = new Person("飛林沙", 21);
var person2 = new Person("kym", 26);
alert(person1.Introduce == person2.Introduce);
</script>
這樣就可以了。所以你還會再說是否用prototype都是一樣的么？其實(shí)我以前也是這么理解的，在這次偶然的試驗(yàn)中看到了這個(gè)問題。
相關(guān)文章
當(dāng)代碼在window onload事件被觸發(fā)，且sub函數(shù)被執(zhí)行的時(shí)候會發(fā)生什么事情呢？下面我們來一起了解一下2019-05-05
這篇文章主要介紹了JS、DOM和JQuery之間的關(guān)系，對此概念不是特別清楚的朋友可以參考下2014-04-04
最近一段時(shí)間，個(gè)人綜合了之前對XML、JSON的一些了解，參考了相關(guān)資料，再結(jié)合視頻的代碼，把自己的一些思考融入了這篇總結(jié)文檔中，同時(shí)嘗試用通俗詼諧的語言風(fēng)格來闡述，期望能給感興趣的讀者帶來幫助2016-10-10
JavaScript起點(diǎn)(嚴(yán)格模式深度了解)
嚴(yán)格模式(Strict Mode)是ECMAScript5新增的功能,目前所有的主流瀏覽器的最新版本——包括IE10與Opera12——都支持嚴(yán)格模式,感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01
這篇文章主要介紹了JavaScript中var關(guān)鍵字的使用,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-08
IE的不合理設(shè)計(jì)和Bugs...2006-12-12
ParseInt函數(shù)參數(shù)設(shè)置介紹
經(jīng)常用ParseInt函數(shù)轉(zhuǎn)換字符串為int數(shù)值，ParseInt函數(shù)有兩個(gè)參數(shù)可以設(shè)置，其中第二個(gè)參數(shù)可以缺省2014-01-01
2008-01-01
javascript常見用法，比如，編碼解碼、間隔及掩飾執(zhí)行、檢查輸入是否為數(shù)字、獲取、創(chuàng)建和刪除節(jié)點(diǎn)等等2014-05-05
Code：findPosX 和 findPosY...2006-12-12