DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript 普通函數和構造函數的區別
Javascript 普通函數和構造函數的區別
編輯:JavaScript基礎知識     

普通函數和構造函數的區別

在命名規則上,構造函數一般是首字母大寫,普通函數遵照小駝峰式命名法。

在函數調用的時候:

function fn() { }

     構造函數:1. new fn( )
                     2 .構造函數內部會創建一個新的對象,即f的實例
                     3. 函數內部的this指向 新創建的f的實例
                     4. 默認的返回值是f的實例

     普通函數:1. fn( )
                     2. 在調用函數的內部不會創建新的對象
                     3. 函數內部的this指向調用函數的對象(如果沒有對象調用,默認是window)
                     4. 返回值由return語句決定 

 構造函數的返回值:

     有一個默認的返回值,新創建的對象(實例);
     當手動添加返回值後(return語句):

          1. 返回值是基本數據類型-->真正的返回值還是那個新創建的對象(實例)
          2. 返回值是復雜數據類型(對象)-->真正的返回值是這個對象 

看一個常見的面試題

<script>
  function foo() {
    var f2 = new foo2();
    console.log(f2);  //{a: 3}
    console.log(this); //window
    return true;
  }
  function foo2() {
    console.log(this); //foo2類型的對象 不是foo2函數
//    this.age = 30;
    return {a: 3};
  }
  var f1 = foo();
  console.log(f1); // true
</script>

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved