欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS類中定義原型方法的兩種實(shí)現(xiàn)的區(qū)別

 更新時(shí)間:2007年03月08日 00:00:00   作者:  
我們知道,給JavaScript類添加原形(prototype)方法是很簡單的。而且常用的有下面這兩種方法,可是這兩種方法在使用時(shí)有區(qū)別嗎?

    JScript Class:
 function JSClass()
 {

 }
    Extends prototype method:
 JSClass.prototype.MethodA = function()
 {

 };
    Or

 function = JSClass.prototype.MethodA()
 {

 };
其實(shí)這兩個(gè)原形定義方式可以簡化一下來討論,先把它們看作是兩個(gè)函數(shù),如下: 
  Foo1(); 

  function Foo1() 
  { 
      alert(’This is Foo1.’); 
  }
     和   Foo2(); 
  var Foo2 = function() 
  { 
      alert(’This is Foo2.’); 
  }

     運(yùn)行第一個(gè)顯然是不會(huì)有任何錯(cuò)誤的,可是運(yùn)行第二個(gè)就有問題了,這時(shí)系統(tǒng)會(huì)說:Microsoft JScript runtime error: Object expected。這就是說函數(shù)定義(Foo1)在腳本解析器中有最高的初始化優(yōu)先級(jí),這個(gè)很好理解。如果不優(yōu)先處理函數(shù),那么對(duì)于函數(shù)中的函數(shù)調(diào)用就沒有辦法處理了,假使我們先定fn1()再定義fn2(),卻從fn1中調(diào)fn2,那么就通不過解析了。為什么Foo2不能被初始化,F(xiàn)oo2的定義根本不是函數(shù)定義,它是一個(gè)標(biāo)準(zhǔn)的賦值語句,之所以能象標(biāo)準(zhǔn)函數(shù)一樣的使用Foo2(Foo2()),完全是因?yàn)樗赶虻氖且粋€(gè)函數(shù)對(duì)象的實(shí)例而已。
再來看原形方法導(dǎo)入里的兩種方式,就很簡單了。并且不同的執(zhí)行優(yōu)先循序,也決了它們?cè)谑褂弥械牟煌?,看如下示例?nbsp;
<script language="javascript">
function NormalClass() 

    this.m_Property1 = ’P1 in Normal Class.’; 
    this.m_Property2 = ’P2 in Normal Class.’; 

    this.toString = function() 
    { 
         return ’[class NormalClass]’; 
    }

    return new InnerClass();   

    function InnerClass() 
    { 
         this.m_Property1 = ’P1 in Inner Class.’;  
         this.m_Property2 = ’P2 in Inner Class.’;  

         this.toString = function() 
         { 
              return ’[class InnerClass]’; 
         }     
    }

    InnerClass.prototype.Method1 = function() 
    { 
         alert(this.m_Property1); 
    }; 

    function InnerClass.prototype.Method2() 
    { 
         alert(this.m_Property2); 
    };   
}
</script>

     執(zhí)行: 
var nc = new NormalClass(); 
nc.Method1(); 
nc.Method2();

     是什么效果?為什么? 

相關(guān)文章

  • 微信小程序picker多列選擇器(mode = multiSelector)

    微信小程序picker多列選擇器(mode = multiSelector)

    本文主要介紹了微信小程序picker多列選擇器,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-07-07
  • 簡單聊聊JavaScript的事件循環(huán)機(jī)制

    簡單聊聊JavaScript的事件循環(huán)機(jī)制

    前端開發(fā)的童鞋應(yīng)該都知道,JavaScript是一門單線程的腳本語言,這就意味著JavaScript 代碼在執(zhí)行的時(shí)候,只有一個(gè)主線程來執(zhí)行所有的任務(wù),同一個(gè)時(shí)間只能做同一件事情,這篇文章主要給大家介紹了關(guān)于JavaScript事件循環(huán)機(jī)制的相關(guān)資料,需要的朋友可以參考下
    2022-03-03
  • 動(dòng)態(tài)加載dtree.js樹treeview(示例代碼)

    動(dòng)態(tài)加載dtree.js樹treeview(示例代碼)

    本篇文章主要是對(duì)動(dòng)態(tài)加載dtree.js樹treeview的示例代碼進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助
    2013-12-12
  • javascript限制文本框只允許輸入數(shù)字(曾經(jīng)與現(xiàn)在的方法對(duì)比)

    javascript限制文本框只允許輸入數(shù)字(曾經(jīng)與現(xiàn)在的方法對(duì)比)

    很多時(shí)候需要用到限制文本框的數(shù)字輸入,試過許多方法,都不太理想,遂決定自己實(shí)現(xiàn)一個(gè)來玩玩,接下來介紹曾經(jīng)使用過的方法與自定義方法的對(duì)比,感興趣的朋友可以了解下啊
    2013-01-01
  • 小程序rich-text組件如何改變內(nèi)部img圖片樣式的方法

    小程序rich-text組件如何改變內(nèi)部img圖片樣式的方法

    這篇文章主要介紹了小程序rich-text組件如何改變內(nèi)部img圖片樣式的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-05-05
  • js模擬C#中List的簡單實(shí)例

    js模擬C#中List的簡單實(shí)例

    本篇文章主要是對(duì)js模擬C#中List的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助
    2014-03-03
  • JavaScript?Promise執(zhí)行流程深刻理解

    JavaScript?Promise執(zhí)行流程深刻理解

    這篇文章主要介紹了JavaScript?Promise執(zhí)行流程深刻理解,他是一個(gè)構(gòu)造函數(shù),每個(gè)創(chuàng)建的promise都有各自狀態(tài)和值,且狀態(tài)初始值為pending,值為undefined
    2022-06-06
  • JavaScript數(shù)組去重由慢到快由繁到簡(優(yōu)化篇)

    JavaScript數(shù)組去重由慢到快由繁到簡(優(yōu)化篇)

    本文給大家介紹通過indexof去重,hash去重,排序后去重及set去重由慢到快有繁到簡的方法給大家介紹了js數(shù)組去重的方法,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧
    2016-08-08
  • JavaScript中遍歷的十種方法總結(jié)

    JavaScript中遍歷的十種方法總結(jié)

    這篇文章主要給大家介紹了關(guān)于JavaScript中遍歷的十種方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • javascript原型繼承工作原理和實(shí)例詳解

    javascript原型繼承工作原理和實(shí)例詳解

    這篇文章主要為大家詳細(xì)介紹了javascript原型繼承,闡明什么是原型繼承,以及在JavaScript中究竟如何使用原型繼承,感興趣的小伙伴們可以參考一下
    2016-04-04

最新評(píng)論