JS中的構造函數詳細解析
在JavaScript中,任何合法的函數都可以作為對象的構造函數,這既包括系統(tǒng)內置函數,也包括用戶自己定義的函數。一旦函數被作為構造函數執(zhí)行,它內部的this屬性將引用函數本身。
通常來說,構造函數沒有返回值,它們只是初始化由this指針傳遞進來的對象,并且什么也不返回。如果一個函數有返回值,被返回的對象就成了new表達式的值。從形式上看,一個函數被作為構造函數還是普通函數執(zhí)行的唯一區(qū)別,是否用new運算符。
上面的描述事實上有著更為精確的含義,這要把函數如果有返回值的情況分為函數的返回值是引用類型和值類型兩種情況。
如果一個函數的返回值是引用類型(數組,對象或者函數)的數據,那么這個函數作為構造函數用new運算符執(zhí)行構造時,運算的結果將被它的返回值取代,這時候,構造函數體內的this值丟失了,取而代之的是被返回的對象。例如:
function test()
{
this.a=10;
return function()
{
return 1;
}
}
alert m=new test();
var n=test();
alert(m);//返回return后面的閉包
alert(n);//返回return 后面的閉包
運行結果m的值和n的值是一樣的,都是test函數返回的閉包,而this引用的對象和this.a=10的賦值結果全部被丟棄。
如果一個函數的返回值是一個值類型,那么這個函數作為構造函數用new運算符執(zhí)行構造時,它的返回值將被丟棄。new 表達式的結果仍然是this所引用的對象。
function test()
{
this.a=10;
return 1;
}
alert m=new test();
var n=test();
alert(m)//返回【Object】
alert(n)//返回1.
- JS創(chuàng)建類和對象的兩種不同方式
- 跟我學習javascript創(chuàng)建對象(類)的8種方法
- JavaScript 創(chuàng)建對象和構造類實現代碼
- JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
- JS OOP包機制,類創(chuàng)建的方法定義
- JavaScript創(chuàng)建類/對象的幾種方式概述及實例
- 創(chuàng)建js對象和js類的方法匯總
- Javascript創(chuàng)建類和對象詳解
- JavaScript構造函數詳解
- JS面向對象基礎講解(工廠模式、構造函數模式、原型模式、混合模式、動態(tài)原型模式)
- 深入理解javascript構造函數和原型對象
- JavaScript 面向對象程序設計詳解【類的創(chuàng)建、實例對象、構造函數、原型等】
相關文章
JavaScript Event學習第五章 高級事件注冊模型
在這一章我會講解兩種高級時間注冊模型:W3C和微軟的。因為這兩個方法都不能跨瀏覽器,所以在現在看來他們的使用場合并不多。2010-02-02
web項目開發(fā)之JS函數防抖與節(jié)流示例代碼
這篇文章主要介紹了web項目開發(fā)之JS函數防抖與節(jié)流實現的示例代碼及原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助2021-09-09
JavaScript仿淘寶頁面圖片滾動加載及刷新回頂部的方法解析
這篇文章主要介紹了JavaScript仿淘寶頁面圖片滾動加載及刷新回頂部的方法解析,包括懶加載和onbeforeunload等要點的理解,需要的朋友可以參考下2016-05-05

