快捷導(dǎo)航

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

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

這篇文章主要介紹了javascript 面向?qū)ο骹unction詳解及實(shí)例代碼的相關(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í)都解析函數(shù)主體，并創(chuàng)建一個(gè)新的函數(shù)對(duì)象。所以當(dāng)在一個(gè)循環(huán)或者頻繁執(zhí)行的函數(shù)中調(diào)用Function()構(gòu)造函數(shù)的效率是非常低的。相反，函數(shù)字面量卻不是每次遇到都重新編譯的。一般不會(huì)采用第三種方式。

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

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

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

總結(jié)：

1、在js中一切皆對(duì)象；

2、在js中對(duì)象有一個(gè)屬性為constructor；

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

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

可以為f1這個(gè)對(duì)象動(dòng)態(tài)的添加屬性：

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

在js中，任何一個(gè)對(duì)象都有可能成為另一個(gè)對(duì)象的屬性。

一個(gè)對(duì)象可以動(dòng)態(tài)的添加任何一個(gè)屬性，但是這個(gè)對(duì)象必須有值，不能是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); //正確，因?yàn)镻erson.a.b.c是有值的 
alert(Person.a.b.c.d.e.f); //錯(cuò)誤，不能為Person.a.b.c.d.e增加屬性f，因?yàn)镻erson.a.b.c.d.e是undefined

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

您可能感興趣的文章: