什么是prototype:
function定義的對(duì)象有一個(gè)prototype屬性,prototype屬性又指向了一個(gè)prototype對(duì)象,注意prototype屬性與prototype對(duì)象是兩個(gè)不同的東西,要注意區(qū)別。在prototype對(duì)象中又有一個(gè)constructor屬性,這個(gè)constructor屬性同樣指向一個(gè)constructor對(duì)象,而這個(gè)constructor對(duì)象恰恰就是這個(gè)function函數(shù)本身。
//判斷是否是數(shù)組function isArray(obj) {return Object.prototype.toString.call(obj) === '[object Array]';};//判斷是否是functionfunction isFunc(obj) {return Object.prototype.toString.call(obj) === '[object Function]';}// 是否是json對(duì)象function isJson(obj) {return typeof (obj) == "object" && (isArray(obj) || Object.prototype.toString.call(obj).toLowerCase() == "[object object]");}
對(duì)于這個(gè)屬性我的理解就是繼承原型對(duì)象的方法和屬性。屬性和方法是什么?可能一些新人不是很了解,打個(gè)比方,自行車的屬性有:外表紅色,可變速,可照明等,屬性就是對(duì)象是什么?方法有騎自行車去上學(xué)等,方法就是對(duì)象能干什么?
那么下面我就從含義到應(yīng)用說(shuō)說(shuō)對(duì)她的理解吧,不足之處還請(qǐng)大牛指點(diǎn)。
prototype是什么含義呢?
javascript中prototype屬性:返回對(duì)象類型原型的引用。
舉個(gè)例子,
A.prototype = new B()
A的prototype是B的一個(gè)實(shí)例,也就是說(shuō)A講B中的方法和屬性都克隆來(lái)了一遍。注意這里是克隆而不是繼承,至于克隆和繼承的區(qū)別,感興趣的同學(xué)可以自己去問(wèn)下度娘。
下面上個(gè)我做的簡(jiǎn)單實(shí)例:
html部分:
<body><a class="btn btn1">按鈕1</a><a class="btn btn2">按鈕2</a><a class="btn btn3">按鈕3</a></body>
js部分:
(function(){var btn1 = $(".btn1");var btn2 = $(".btn2");var btn3 = $(".btn3");function baseClass(){this.showMsg = function(){alert('11111');}}function extendClass(){this.showMsg = function(){alert('2222');}}//prototype屬性可以返回對(duì)象類型的原型的引用//如果構(gòu)造函數(shù)與原型函數(shù)有同名方法,那么優(yōu)先搜索構(gòu)造函數(shù)的方法,不會(huì)再次克隆原型函數(shù)的同名函數(shù)extendClass.prototype = new baseClass();var initance = new extendClass();btn1.click(function(){initance.showMsg();});var baseinitance = new baseClass();btn2.click(function(){baseinitance.showMsg.call(initance);})})();
理解以上實(shí)例,基本你可以初步對(duì)js中的prototype屬性有個(gè)大致的認(rèn)識(shí)。
以上所述是小編給大家介紹的JS中的prototype,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
|
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注