JS類中定義原型方法的兩種實現的區別

2019-11-21 02:13:52

字體：大中小

來源：轉載

供稿：網友

我們知道，給JavaScript類添加原形(prototype)方法是很簡單的。而且常用的有下面這兩種方法，可是這兩種方法在使用時有區別嗎？

    JScript Class:
function JSClass()
{

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

};
    Or

function = JSClass.prototype.MethodA()
{

};
其實這兩個原形定義方式可以簡化一下來討論，先把它們看作是兩個函數，如下：
  Foo1();

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

     運行第一個顯然是不會有任何錯誤的，可是運行第二個就有問題了，這時系統會說：Microsoft JScript runtime error: Object expected。這就是說函數定義(Foo1)在腳本解析器中有最高的初始化優先級，這個很好理解。如果不優先處理函數，那么對于函數中的函數調用就沒有辦法處理了，假使我們先定fn1()再定義fn2()，卻從fn1中調fn2，那么就通不過解析了。為什么Foo2不能被初始化，Foo2的定義根本不是函數定義，它是一個標準的賦值語句，之所以能象標準函數一樣的使用Foo2(Foo2())，完全是因為它指向的是一個函數對象的實例而已。
再來看原形方法導入里的兩種方式，就很簡單了。并且不同的執行優先循序，也決了它們在使用中的不同，看如下示例：
<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>

     執行：
var nc = new NormalClass();
nc.Method1();
nc.Method2();

     是什么效果？為什么？

上一篇：在JavaScript中使用inline函數的問題

下一篇：JavaScript語言中的Literal Syntax特性分析