首頁  >  文章  >  web前端  >  ECMAScript 建立自己的js類別庫_javascript技巧

ECMAScript 建立自己的js類別庫_javascript技巧

WBOY
WBOY原創
2016-05-16 17:48:151084瀏覽

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對函數宣告和函數表達式的解析並非一視同仁,解析器會先讀取函數聲明,並使其在任何程式碼前都可用。
  例:



複製程式碼

程式碼如下:
程式碼如下: 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屬性

我們常用的屬性,其行為與Java,C#,PHP大致相似。

複製程式碼


程式碼如下:}



 

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方法。下一章會在此基礎上擴展更多功能,基於原型為「類別」添加繼承。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn