快捷導(dǎo)航

javascript 面向?qū)ο骹unction詳解及實例代碼

更新時間：2017年02月28日 11:15:38 作者：H_Gao

這篇文章主要介紹了javascript 面向?qū)ο骹unction詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下

javascript 面向?qū)ο骹unction詳解

js中的函數(shù)有三種表示方式：

//函數(shù)的第一種表示方式：函數(shù)關(guān)鍵字的方式 
function f1() { 
  alert("f1"); 
} 
//函數(shù)的第二種表示方式：函數(shù)字面量的方式 
var f2 = function() { 
  alert("f2"); 
} 
//函數(shù)的第三種表示方式：構(gòu)造函數(shù)的方式 
var f3 = new Function('var a = 100; b = 200; return a+b;'); 
alert(f3());

函數(shù)的定義方式一般有以上三種，前兩種方式基本沒什么區(qū)別，第三種定義方式(Function()構(gòu)造函數(shù))每次執(zhí)行時都解析函數(shù)主體，并創(chuàng)建一個新的函數(shù)對象。所以當(dāng)在一個循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反，函數(shù)字面量卻不是每次遇到都重新編譯的。一般不會采用第三種方式。

另外，分別執(zhí)行alert(f1.constructor); alert(f2.constructor); alert(f3.constructor);都會出現(xiàn)同樣的效果，如下：

f1.constructor,f2.constructor,f3.constructor都是一個對象，為Function，這里可以這樣理解，這三個函數(shù)f1，f2，f3都是通過Function的形式產(chǎn)生的，所以他們的構(gòu)造器就是Function，由此也可以推出這三種函數(shù)的產(chǎn)生方式其實內(nèi)部原理是一樣的。

在JavaScript中，每個具有原型的對象都會自動獲得constructor屬性。對象的constructor屬性用于返回創(chuàng)建該對象的函數(shù)，也就是我們常說的構(gòu)造函數(shù)。實際上，在js中，每一個function都是一個Function Object。

總結(jié)：

1、在js中一切皆對象；

2、在js中對象有一個屬性為constructor；

3、在js中，凡是函數(shù)都是構(gòu)造器對象

另外，從面向?qū)ο蟮慕嵌葋砝斫?，上面實例中f1是一個函數(shù)，同時它也是一個對象，constructor可以理解為它的一個屬性，并且這里可以利用該對象的constructor屬性找到它的構(gòu)造函數(shù)。

可以為f1這個對象動態(tài)的添加屬性：

//給f1對象添加一個屬性為b，值為5 
f1.b = 5; 
alert(f1.b); 
//給f1對象添加一個屬性為bb，bb為對象，值為var f2 = function() { alert("f2");} 
f1.bb = f2; 
alert(f1.bb);

在js中，任何一個對象都有可能成為另一個對象的屬性。

一個對象可以動態(tài)的添加任何一個屬性，但是這個對象必須有值，不能是null和undefined。

function Person() { 
  //do something 
} 
function P() { 
  //do something 
} 
function A() { 
  //do something 
} 
function B() { 
  //do something 
} 
Person.a = P; 
Person.a.b = A; 
Person.a.b.c = B; 
Person.a.b.c.d = f2; 
alert(Person.a.b.c.d); //正確，因為Person.a.b.c是有值的 
alert(Person.a.b.c.d.e.f); //錯誤，不能為Person.a.b.c.d.e增加屬性f，因為Person.a.b.c.d.e是undefined

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

您可能感興趣的文章: