ECMAScript一步一步創建自己的js類庫(一):理解函數

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方法。下一章節會在此基礎上擴展更多功能，基于原型給“類”添加繼承。

posted @ 2012-11-22 09:24 用未來思考現在 Views(1398) Comments(5) 收藏舉報

刷新頁面返回頂部

用未來思考現在

ECMAScript一步一步創建自己的js類庫(一):理解函數

公告