ECMAscript二（對象使用）

ECMAscript二（對象使用）

1、對象和變數的的範圍

　　a.和其他物件導向的語言相比，嚴格的說來ecmascript並沒有靜態範圍,對象方法中的子方法為方法的公用範圍的方法，而非靜態方法。

　　b.this關鍵字總是指向調用方法的對象，在調用本對象的屬性時最好使用this關鍵字，否則編譯器將會把屬性當做局部或全域變數尋找起引用。

　　c.變數範圍的提升

        var name = "jay";        function show() {            alert(name);            var name = "boy";            alert(name);        }        show();

View Code

　　ECMAScript規範中描述了所有javascript代碼都運行在一個執行內容中.執行內容在javascript中不是可訪問的實體,但瞭解他們對於全面理解函數和閉包的工作原理是非常重要的.規範中說:

     當控制權轉移到ECMAScript的可執行代碼時,控制權進入了一個執行內容.活動的執行內容邏輯上形成一個棧。棧頂的執行內容是當前正在啟動並執行執行內容.

     每一個執行內容都有一個變數對象。在函數內部定義的所有變數和函數都被添加為這個對象的屬性。下面的演算法描述了這一過程.

     對於任何形參,在變數對象上添加相應的屬性,並把他們的值設為傳遞給函數的值.

     對於任何函式宣告,在變數對象上添加相應的屬性,值既為該函數. 如果一個函式宣告使用了和形參中任何一個相同的標識符,那麼這個屬性(指形參)將被覆蓋.

     對於任何變數聲明,在變數對象上添加相應的屬性,初始化他們的值為undefined,不管這些變數在原始碼中是怎麼樣被初始化的.如果一個變數使用與一個已經定義過的屬性相同的標示符,那麼這些定義過的屬性不會覆蓋.

　　該演算法的作用就是所謂的函數和變數聲明的提升.請注意,雖然函數作為整體被提升,但變數卻只有他們的聲明被提升。請注意變數的初始化發生在原始碼中變數被定義的地方

　

2、如何構建對象的私人公用的方法、屬性。

　　通常我們通過IIFE模組模式將程式碼群組織成模組，編寫類庫，抽象出公用代碼。

　　如何定義命名空間抽象相應的模組代碼呢，我們參考jquery源碼：

　　

 (function( window, undefined ) {     var jQuery = function( selector, context ) {   // The jQuery object is actually just the init constructor 'enhanced'        return new jQuery.fn.init( selector, context, rootjQuery );     },      // Expose jQuery to the global object     window.jQuery = window.$ = jQuery;  })( window ); 

　　 //模組模式的主要作用是區分出私人變數/函數和公開變數/函數

        (function ($, undefined) {            //定義mycommon對象            var MyCommon = {};            //私人屬性            var _color, _name, _createTime;            //公用屬性            MyCommon.color = function () { return this.color; }            //私人方法            var _showcolor = function () { alert('color'); }            $.MyCommon = MyCommon;        })($);

    通過以上方式，我們可以很好的實現封裝和基於模組的擴充。

 

 

參考文章：http://developer.51cto.com/art/201304/389494.htm、 http://hi.baidu.com/cqgphper/item/3fb0ed1f965b4381feded5a9、《javascript 進階編程》。