JS原型對(duì)象的創(chuàng)建方法詳解
本文實(shí)例講述了JS原型對(duì)象的創(chuàng)建方法。分享給大家供大家參考,具體如下:
使用js的prototype屬性的時(shí)候,創(chuàng)建對(duì)象的方式是存在優(yōu)先級(jí)的
1、如果方法中存在構(gòu)造方法就先使用方法中的構(gòu)造方法
2、如果方法中不存在構(gòu)造方法則繼續(xù)查找prototype原型的構(gòu)造方法
<html>
<head>
<TITLE>class_obj_js_class</TITLE>
<script language=javaScript>
function a(name){
//alert(name);//彈出的值是undefined
//alert(null==name);//true
if(null == name){
this.name = name;
}
}
function b(name){
//alert(name);//彈出的值是undefined
//false,this.name沒(méi)有重新賦值,還是new創(chuàng)建的值prototype.name="TOm"
if(null != name){
this.name = name;
}
}
//有參構(gòu)造方法
function c(name){
//alert(name);//彈出的值是undefined
//如果name為true則不管后面是什么就直接返回第一個(gè)值
//如果name為false則不管后面是什么直接返回后面的值
this.name = name || "Jack";//如果name為空則賦值為后面的Jack
}
//無(wú)參構(gòu)造方法
function d(){
}
a.prototype.name = "Tom";
b.prototype.name = "Tom";
c.prototype.name = "Tom";
d.prototype.name = "Tom";
//有參構(gòu)造方法
alert(new a().name); //undefined
alert(new b().name);//Tom
alert(new c().name);//Jack
alert(new d().name);//使用無(wú)參構(gòu)造方法
</script>
<body >
</body>
</html>
備注:
1、一般我們?cè)诜椒ㄖ刑砑印皩?duì)象”的屬性
2、在prototype屬性后面添加方法
這樣做的目的是為了提高代碼的復(fù)用,可以“無(wú)限”給對(duì)象添加方法,便于拓展
注意:為了提高JS的效率,要注意再使用prototype鏈的時(shí)候應(yīng)該盡量限定在一、二級(jí),因?yàn)闉g覽器會(huì)自動(dòng)去循環(huán)遍歷,深度太深了之后會(huì)影響效率
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 深入理解javascript構(gòu)造函數(shù)和原型對(duì)象
- Javascript中獲取對(duì)象的原型對(duì)象的方法小結(jié)
- js 原型對(duì)象和原型鏈理解
- 舉例說(shuō)明JavaScript中的實(shí)例對(duì)象與原型對(duì)象
- 淺談JS原型對(duì)象和原型鏈
- js使用原型對(duì)象(prototype)需要注意的地方
- JavaScript原型對(duì)象、構(gòu)造函數(shù)和實(shí)例對(duì)象功能與用法詳解
- 圖文詳解JavaScript的原型對(duì)象及原型鏈
- javascript構(gòu)造函數(shù)以及原型對(duì)象的理解
- JavaScript原型對(duì)象原理與應(yīng)用分析
- JS原型對(duì)象操作實(shí)例分析
相關(guān)文章
JavaScript提高網(wǎng)站性能優(yōu)化的建議(二)
這篇文章主要介紹了JavaScript提高網(wǎng)站性能優(yōu)化的建議(二)的相關(guān)資料,需要的朋友可以參考下2016-07-07
javascript檢測(cè)頁(yè)面是否縮放的小例子
簡(jiǎn)單寫了下,只測(cè)試了chrome,道理很簡(jiǎn)單,其他瀏覽器自行擴(kuò)充。2013-05-05
JS+CSS實(shí)現(xiàn)鼠標(biāo)滑過(guò)時(shí)動(dòng)態(tài)翻滾的導(dǎo)航條效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)鼠標(biāo)滑過(guò)時(shí)動(dòng)態(tài)翻滾的導(dǎo)航條效果,涉及JavaScript動(dòng)態(tài)設(shè)置css樣式動(dòng)畫過(guò)度效果的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
關(guān)于meta viewport中target-densitydpi屬性詳解(推薦)
這篇文章主要介紹了關(guān)于meta viewport中target-densitydpi屬性詳解,通過(guò)不同的縮放比例實(shí)現(xiàn)了不同的預(yù)覽效果,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
JavaScript動(dòng)態(tài)生成帶刪除行功能的表格
這篇文章主要為大家詳細(xì)介紹了JavaScript動(dòng)態(tài)生成帶刪除行功能的表格,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09

