欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 模擬類機制及私有變量的方法及思路

 更新時間：2013年07月10日 11:27:40   作者：  
這篇文章介紹了JavaScript模擬類機制及私有變量的方法及思路，有需要的朋友可以參考一下
在使用一些 Javascript 框架時，或許會看到類似的代碼
復制代碼 代碼如下:

　　var MyClass = new Class({
　　　　initialize: function(param, ...) {
　　　　　　this.param = param;
　　　　　　...
　　　　},
　　　　func1: function(...) {
　　　　　　...
　　　　}
　　});
　　var myObj = new MyClass(param);
　　myObj.func1(...);

這是一種典型的面向?qū)ο蟮念悪C制應用，與原生的 Javascript 類機制相比，顯得更為清晰和自然。并且，在此基礎上，實現(xiàn)類的繼承也較為方便。那么，這是如何實現(xiàn)的呢？
眾所周知，在 Javascript 中，將一個函數(shù)作為構造器，可以創(chuàng)建出一個對象，上面的代碼可以簡單的寫成：
復制代碼 代碼如下:

　　function MyClass(param) {
　　　　this.param = param;
　　　　this.func1 = function(..) {
　　　　　　...
　　　　};
　　}
　　var myObj = new MyClass(param);
　　myObj.func1();

其實還是蠻簡單的，也不難理解。不過如果要構建一套大型的 Javascript 類庫，可能就會比較混亂，從一堆代碼中，要找出哪些是類，哪些是函數(shù)，哪些是類方法，哪些是類屬性，是一件痛苦的事。
當然，這里并不是要比較它們的優(yōu)劣，只是好奇 new Class 的實現(xiàn)方式而已。
在上面的代碼中，使用 new MyClass() 這樣的語句，意味著 MyClass 必須是一個函數(shù)，同時也就意味著 new Class 需要返回一個函數(shù)對象，從字面的意思上可以看出，函數(shù) initialize 是當做構造函數(shù)來使用的，所以，new Class 返回的函數(shù)中，必須使用 initialize 來對對象進行初始化?；谶@樣的分析，可以得出以下代碼：
復制代碼 代碼如下:

　　function Class(argu) {
　　　　return function() {
　　　　　　var init = argu['initialize'] || function() {};  //如果沒有構造函數(shù) initialize，使用一個空函數(shù)作為默認構造函數(shù)
　　　　　　for(var p in argu) {
　　　　　　　　this[p] = argu[p];
　　　　　　}
　　　　　　init.apply(this, arguments); //使用當前函數(shù)的 this 來代替函數(shù) initialize 原有的 this
　　　　}
　　}

上面的代碼并不夠嚴謹，但用來說明問題已經(jīng)足夠了。需要注意 init.apply(this, arguments) 這一句，這里有幾個變量的指代，一個是 this，原本 initialize 中默認的 this，現(xiàn)在已被替代為返回的這個匿名函數(shù)的 this，而這個匿名函數(shù)，是通過 new Class 新建的自定義類的構造器。另外一個是 arguments，它指代的是匿名函數(shù)的參數(shù)，也就是上面的 new MyClass(param) 中的 param。
this 的轉(zhuǎn)換有些讓人頭暈，那么有沒有更為簡單的方法呢？請看下面的代碼：
復制代碼 代碼如下:

　　function Class(argu) {
　　　　var obj = argu['initialize'] || function() {};
　　　　for(var p in argu) {
　　　　　　obj.prototype[p] = argu[p]; //注意，這里用的是 prototype
　　　　}
　　　　return obj; // 其實還是返回一個函數(shù)
　　}

呵呵，感覺直白了許多。
這就完成了一個簡單的類機制的構建。通過這種機制，可以創(chuàng)建類的構造函數(shù)、方法及屬性，但這些顯然都是公有的，那么，如何實現(xiàn)私有變量及方法呢？
我們知道，Javascript 類的私有變量可以通過閉包的機制來完成。但使用 new Class({...}) 的方式轉(zhuǎn)換后，顯然很難形成有效的閉包。如何繞過這個問題呢？
Javascript 提供了兩個方法：eval() 及函數(shù)對象的 toString() 方法，前者較為常見，而后者，可用于獲取函數(shù)的具體代碼。通過這兩個方法，可以簡單的模擬類的私有變量：
復制代碼 代碼如下:

　　function Class(argu) {
　　　　var _ = argu['private'] || {};
　　　　eval('var obj = ' + (argu['initialize'] || function() {}).toString());
　　　　for(var p in argu) {
　　　　　　if(p == 'initialize' || p == 'private')
　　　　　　　　continue;
　　　　　　if(typeof argu[p] == 'function')
　　　　　　　　eval('obj.prototype[p] = ' + argu[p].toString());
　　　　　　else
　　　　　　　　obj.prototype[p] = argu[p];
　　　　}
　　　　return obj;
　　}

通過函數(shù)對象的 toString() 方法提取出函數(shù)的代碼，并使用 eval 方法執(zhí)行這些代碼，這樣就可以構造出一個有效的閉包范圍，從而實現(xiàn)私有機制。我們可以如下應用：
復制代碼 代碼如下:

　　var Person = new Class({
　　　　private: {
　　　　　　height: 160,
　　　　　　weight: 50
　　　　},
　　　　initialize: function(name, height, weight) {
　　　　　　this.name = name;
　　　　　　_.height = height || _.height;
　　　　　　_.weight = weight || _.weight;
　　　　},
　　　　show: function() {
　　　　　　alert('Name:' + this.name + '/nheight:' + _.height + '/nweight:' + _.weight);
　　　　}
　　});
　　var my = new Person("Zh");
　　my.show();

看起來不不錯，不過在實際應用中，其實并沒有太大的用途。主要是效率上，相比通常的實現(xiàn)方式，大概需要多花四倍的時間。在大型類庫的構建上，這是不可容忍的，而小型的應用中，實現(xiàn)下面的代碼更為簡單直接：
復制代碼 代碼如下:

　　function MyClass(param) {
　　　　var privateVar = ...;
　　　　this.param = param;
　　　　this.func = function() {
　　　　　　alert(privateVar);
　　　　};
　　}

相關文章

最新評論