快捷導(dǎo)航

ECMAScript 創(chuàng)建自己的js類庫

更新時間：2012年11月22日 10:46:12 作者：

ECMAScript中最有意思，最強(qiáng)大的地方在于函數(shù)。最進(jìn)在完善自己的js類庫的時候發(fā)現(xiàn)我們經(jīng)常在用函數(shù)，但真的很少有人懂得ECMAScript函數(shù)功能

ECMAScript中最有意思，最強(qiáng)大的地方在于函數(shù)。最進(jìn)在完善自己的js類庫的時候發(fā)現(xiàn)我們經(jīng)常在用函數(shù)，但真的很少有人懂得ECMAScript函數(shù)功能。
1：什么是函數(shù)？
　　ECMAScript函數(shù)其實(shí)就是對象，每個函數(shù)都是Function類型的實(shí)例而且有屬性和方法，由于函數(shù)是對象，函數(shù)名其實(shí)就是指向函數(shù)對象的指針，不會與某個函數(shù)綁定。
2：創(chuàng)建函數(shù)的方法

復(fù)制代碼代碼如下:

 
(1):function Person(name) 
　　　{ 
　　　　return name; 
　　　} 
(2):var Person=function(name) 
　　{ 
　　return name; 
　　} 
(3)：var Person=new function(“name”,”return name”);(不推薦使用,ECMAScript會解析兩次所以不推薦使用) 

3：函數(shù)聲明和函數(shù)表達(dá)式的不同
　　ECMAScript對函數(shù)聲明和函數(shù)表達(dá)式的解析并非一視同仁，解析器會先讀取函數(shù)聲明，并使其在任何代碼前都可用。
　　例：

復(fù)制代碼代碼如下:

 
assert(false); 
function assert(value, msg) { 
if (!value) { 
alert (msg || (value + " does not equal true")); 
} 
} 

函數(shù)表達(dá)式為執(zhí)行到這一行才解析器才會解析

復(fù)制代碼代碼如下:

 
如：assert(false); 
var assert= function (value, msg) { 
if (!value) { 
alert (msg || (value + " does not equal true")); 
} 
} 

4：理解this屬性
this 屬性是我們經(jīng)常用的屬性，其行為與Java,C#,PHP大致類似。

復(fù)制代碼代碼如下:

 
如:window.name='用未來思考現(xiàn)在'; 
window.name = "用未思考現(xiàn)在; 
showName(); 
function showName() { 
alert(this.name); 
} 

5:創(chuàng)建自己的類庫插件
簡單的介紹了下函數(shù)，對于理解函數(shù)這些內(nèi)容遠(yuǎn)遠(yuǎn)不夠，例如構(gòu)造函數(shù)模式，原形模式，原形鏈等等都是要花很多時間去理解。
創(chuàng)建類

復(fù)制代碼代碼如下:

 
var Class = function () { 
var extclass = function () { 
//接收屬性傳過來的參數(shù) 
this.init.apply(this, arguments); 
} 
//給類添加自定義屬性 
extclass.prototype.init = function () { }; 
//給prototypr定義別名? 
extclass.fn = extclass.prototype; 
//定義類的別名? 
extclass.fn.parent = extclass; 
//給類添加屬性 
extclass.extend = function (obj) { 
var extended = obj.extended; 
for (var i in obj) { 
extclass.fn[i] = obj[i]; 
} 
if (extended) extended(extclass); 
}; 
//給實(shí)例添加屬性 
extclass.include = function (obj) { 
var included = obj.included; 
for (var i in obj) { 
extclass.fn[i] = obj[i]; 
} 
if (included) included(extclass); 
} 
return extclass; 
} 