JS原型對象的創(chuàng)建方法詳解

更新時間：2016年06月16日 11:12:19 作者：hbiao68

這篇文章主要介紹了JS原型對象的創(chuàng)建方法,結(jié)合實例形式詳細分析了js對象的創(chuàng)建方法與相關注意事項,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS原型對象的創(chuàng)建方法。分享給大家供大家參考，具體如下：

使用js的prototype屬性的時候，創(chuàng)建對象的方式是存在優(yōu)先級的

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沒有重新賦值，還是new創(chuàng)建的值prototype.name="TOm"
  if(null != name){
    this.name = name;
  }
}
//有參構(gòu)造方法
function c(name){
  //alert(name);//彈出的值是undefined
  //如果name為true則不管后面是什么就直接返回第一個值
  //如果name為false則不管后面是什么直接返回后面的值
  this.name = name || "Jack";//如果name為空則賦值為后面的Jack
}
//無參構(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);//使用無參構(gòu)造方法
</script>
<body >
</body>
</html>

備注：

1、一般我們在方法中添加“對象”的屬性

2、在prototype屬性后面添加方法

這樣做的目的是為了提高代碼的復用，可以“無限”給對象添加方法，便于拓展

注意：為了提高JS的效率，要注意再使用prototype鏈的時候應該盡量限定在一、二級，因為瀏覽器會自動去循環(huán)遍歷，深度太深了之后會影響效率

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

JS
對象

js實現(xiàn)仿百度瀑布流的方法
這篇文章主要介紹了js實現(xiàn)仿百度瀑布流的方法,以完整實例形式分析了js仿百度瀑布流的相關樣式與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
JavaScript實現(xiàn)函數(shù)重載的代碼示例
在JavaScript中并沒有直接支持函數(shù)重載的機制,但是可以通過一些技巧來模擬函數(shù)重載的效果,比如使用參數(shù)判斷,使用默認參數(shù),對象參數(shù),這些方法都可以實現(xiàn)類似函數(shù)重載的效果,所以本文就給大家介紹一下JavaScript如何實現(xiàn)函數(shù)重載,需要的朋友可以參考下
2023-08-08
JS限制輸入框輸入的實現(xiàn)代碼
這篇文章主要介紹了JS限制輸入框輸入的實現(xiàn)代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-07-07
Three.js中實現(xiàn)一個OBBHelper實例詳解
這篇文章主要介紹了Three.js中實現(xiàn)一個OBBHelper,本文參考Box3Helper源碼，并寫出一個OBBHelper，本文結(jié)合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下
2023-09-09
js重寫方法的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨s重寫方法的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例
實現(xiàn)了六款簡單常見HTML5 Canvas特效濾鏡，并且封裝成一個純JavaScript可調(diào)用的API文件gloomyfishfilter.js，程序源代碼如下，感興趣的朋友可以參考下哈
2013-06-06
JS/HTML5游戲常用算法之路徑搜索算法 A*尋路算法完整實例
這篇文章主要介紹了JS/HTML5游戲常用算法之路徑搜索算法 A*尋路算法,結(jié)合完整實例形式分析了A*尋路算法的具體實現(xiàn)技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下
2018-12-12
簡介EasyUI datagrid editor combogrid搜索框的實現(xiàn)
這篇文章主要介紹了EasyUI datagrid editor combogrid搜索框的實現(xiàn)，涉及到EasyUI中combogrid的使用方法的相關知識,非常具有參考價值，需要的朋友可以參考下
2016-04-04
javascript處理table表格的代碼
javascript 處理table表格的代碼，學習js的朋友可以參考下。
2010-12-12
微信小程序?qū)崿F(xiàn)簡易table表格
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡易table表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-02-02