DIV CSS 佈局教程網

ECMAScript中最有意思，最強大的地方在於函數。最進在完善自己的js類庫的時候發現我們經常在用函數，但真的很少有人懂得ECMAScript函數功能。
1：什麼是函數？
　　ECMAScript函數其實就是對象，每個函數都是Function類型的實例而且有屬性和方法，由於函數是對象，函數名其實就是指向函數對象的指針，不會與某個函數綁定。
2：創建函數的方法
復制代碼 代碼如下:
(1):function Person(name)
　　　{
　　　　return name;
　　　}
(2):var Person=function(name)
　　{
　　return name;
　　}
(3)：var Person=new function(“name”,”return name”);(不推薦使用,ECMAScript會解析兩次所以不推薦使用)

3：函數聲明和函數表達式的不同
　　ECMAScript對函數聲明和函數表達式的解析並非一視同仁，解析器會先讀取函數聲明，並使其在任何代碼前都可用。
　　例：
復制代碼 代碼如下:
assert(false);
function assert(value, msg) {
if (!value) {
alert (msg || (value + " does not equal true"));
}
}

 
函數表達式為執行到這一行才解析器才會解析
復制代碼 代碼如下:
如：assert(false);
var assert= function (value, msg) {
if (!value) {
alert (msg || (value + " does not equal true"));
}
}

 
4：理解this屬性
this 屬性是我們經常用的屬性，其行為與Java,C#,PHP大致類似。
復制代碼 代碼如下:
如:window.name='用未來思考現在';
window.name = "用未思考現在;
showName();
function showName() {
alert(this.name);
}

 
5:創建自己的類庫插件
簡單的介紹了下函數，對於理解函數這些內容遠遠不夠，例如構造函數模式，原形模式，原形鏈等等都是要花很多時間去理解。
創建類
復制代碼 代碼如下:
var Class = function () {
var extclass = function () {
//接收屬性傳過來的參數
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);
};
//給實例添加屬性
extclass.include = function (obj) {
var included = obj.included;
for (var i in obj) {
extclass.fn[i] = obj[i];
}
if (included) included(extclass);
}
return extclass;
}

類庫大致的框架構建完成,這樣我們創建類可以調用extended方法，創建實例可以調用include方法。下一章節會在此基礎上擴展更多功能，基於原型給“類”添加繼承。