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

淺析JavaScript中兩種類型的全局對象/函數

 更新時間：2013年12月05日 10:03:42   作者：  
這篇文章主要介紹了JavaScript中兩種類型的全局對象/函數。需要的朋友可以過來參考下，希望對大家有所幫助

這里所說的JavaScript指瀏覽器環(huán)境中的包括宿主環(huán)境在內的。第一種是ECMAScript Global Object，第二種是宿主環(huán)境(Host)下的全局對象/函數。

一、核心JavaScript內置對象，即ECMAScript實現提供的不依賴于宿主環(huán)境的對象

這些對象在程序執(zhí)行之前就已經（實例化）存在了。ECMAScript稱為The Global Object，分為以下幾種

1， 值屬性的全局對象(Value Properties of the Global Object)。有NaN，Infinity，undefined。

2， 函數屬性的全局對象(Function Properties of the Global Object)。有eval，parseInt，parseFloat，isNaN，isFinite，decodeURI，encodedURI，encodeURIComponent

3，構造器(類)屬性的全局對象(Constructor Properties of the Global Object)。有Object，Function，Array，String，Boolean，Number，Date，RegExp，Error，EvalError，RangeError，ReferenceError，SyntaxError，TypeError，URIError。

4，其它屬性的全局對象(Other Properties of the Global Object)，可以看出成是Java中的靜態(tài)類，可以直接用類名+點號+方法名使用。有Math，JSON。

ECMAScript規(guī)范提到這些全局對象(The Global Object)是具有Writable屬性的，即Writable為true，枚舉性(Enumerable)為false，即不能用for in枚舉。ECMAScript有這么一段

Unless otherwise specified, the standard built-in properties of the global object have attributes {[[Writable]]: true, [[Enumerable]]: false, [[Configurable]]: true}.


雖然規(guī)范提到The Global Object是可以被重寫的，但不會有誰去重寫它們的。這里僅僅做個測試。

復制代碼 代碼如下:

NaN    = 11;
eval   = 22;
Object = 33;
Math   = 44;

alert(NaN);
alert(eval);
alert(Object);
alert(Math);<BR>

分別取值屬性的全局對象， 函數屬性的全局對象，構造器(類)屬性的全局對象，其它屬性的全局對象NaN，eval，Object，Math。結果如下

結果可以看出除了NaN在IE9(pre3)/Safari不能被重寫外，其它都被重寫了。這里只是列舉了四個，感興趣的可以將以上所有的The Global Object一一測試下。這里想表達的是核心JavaScript內置對象一般是可以被重寫的 ，雖然沒人這么干。

下面測試下其可枚舉性

復制代碼 代碼如下:

for(var a in NaN){
    alert(a);
}
for(var a in eval){
    alert(a);
}
for(var a in Object){
    alert(a);
}
for(var a in Math){
    alert(a);
}

所有瀏覽器都沒有彈出，即屬性不被枚舉。感興趣的可以將以上所有的The Global Object的枚舉性一一測試下。當然對于有些瀏覽器如Firefox，某些Global Object被重寫后又是可以被枚舉的。

二、宿主環(huán)境提供的全局對象/函數

如window,alert,setTimeout,document,location等，多數瀏覽器都會限制其重寫

復制代碼 代碼如下:

window = 55;
alert(window);

該句在IE下會出錯提示非法復制，后面的彈出框沒有執(zhí)行。其它瀏覽器則當window=55不存在，仍然彈出了window。

再重寫下alert

復制代碼 代碼如下:

alert = 55;
console.log(alert);

IE下提示報錯，Firefox/Chrome/Safari/Opera竟然被重寫了，從對應的控制臺可以看到輸出了55。可以看出對于宿主環(huán)境提供的全局對象/函數，有的瀏覽器不支持重寫，有的則可以重寫 。

以下是兩種方式聲明全局變量

復制代碼 代碼如下:

a1 = 11;
var a2 = 22;

for(a in window){
    if(a=='a1'||a=='a2'){
        alert(a)
    }
}

上述代碼在IE中不會彈出信息框，在IE中內部大概如下
復制代碼 代碼如下:

//IE
with(host_object){//window
    with(global_object){//Global
        a1 = 11;
        var a2 = 22;
    }   
}

即a1，a2是作為上面說的第一種，JS引擎提供的Global對象上的屬性，而非第二種宿主環(huán)境提供的window對象上的屬性。因此IE中for in window時a1，a2都不存在。如果IE中提供對象Global對象的引用，沒準下面的代碼可以彈出信息框。
復制代碼 代碼如下:

for(a in Global){
    if(a=='a1'||a=='a2'){
        alert(a)
    }
}

Firefox/Safari/Chrome/Opera中內部大概是下面的樣子
復制代碼 代碼如下:

//Firefox/Safari/Chrome/Opera
with(host_object){//window
    a1 = 11;
    var a2 = 22;
    with(global_object){//Global
    }   
}

即a1,a2是作為上面說的第二種，宿主環(huán)境提供的全局對象window上的屬性。因此for in window時a1，a2都存在，彈出了信息框。

再看第三者方式聲明全局變量window.a3 = 33，這樣是顯示的把a3掛在window上作為window的屬性，因此在所有瀏覽器中for in window時都能獲取到a3。

相關文章

  • 功能強大的Bootstrap組件（結合js）

    功能強大的Bootstrap組件（結合js）

    這篇文章主要介紹了功能強大的Bootstrap組件，介紹js結合Bootstrap組件的使用方法，感興趣的小伙伴們可以參考一下
    2016-08-08
  • 二行代碼解決全部網頁木馬

    二行代碼解決全部網頁木馬

    還是掛馬問題，這段時間，我漸漸感到壓力，頭大，通過QQ或MSN加我的人越來越多，我最近自己的工作本來就忙得不亦樂乎。哎，想想，還是要抽空來來幫幫大家。
    2008-03-03
  • js ondocumentready onmouseover onclick onmouseout 樣式

    js ondocumentready onmouseover onclick onmouseout 樣式

    下面都是一些上面的事件觸發(fā)的事先定義的代碼。
    2010-07-07
  • JavaScrip如果基于url實現圖片下載

    JavaScrip如果基于url實現圖片下載

    這篇文章主要介紹了JavaScrip如果基于url實現圖片下載,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-07-07
  • OpenLayer實現自定義坐標點的繪制

    OpenLayer實現自定義坐標點的繪制

    OpenLayers?是一個專為Web?GIS?客戶端開發(fā)提供的JavaScript?類庫包，用于實現標準格式發(fā)布的地圖數據訪問。本文將利用OpenLayer實現自定義坐標點的繪制，感興趣的可以了解一下
    2022-04-04
  • JS+Canvas實現上傳圖片截圖功能

    JS+Canvas實現上傳圖片截圖功能

    在我們平時開發(fā)圖片上傳時,有時需要實現圖片的裁剪功能,這篇文章主要為大家介紹了如何使用Canvas實現上傳圖片截圖功能,希望對大家有所幫助
    2023-10-10
  • 微信小程序實現彈出層禁止頁面滾動

    微信小程序實現彈出層禁止頁面滾動

    這篇文章主要為大家詳細介紹了微信小程序實現彈出層禁止頁面滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • 詳解如何在Javascript中使用Object.freeze()

    詳解如何在Javascript中使用Object.freeze()

    這篇文章主要介紹了詳解如何在Javascript中使用Object.freeze()，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2020-10-10
  • JS獲取圖片lowsrc屬性的方法

    JS獲取圖片lowsrc屬性的方法

    這篇文章主要介紹了JS獲取圖片lowsrc屬性的方法,涉及javascript操作網頁圖片屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-04-04
  • 用JavaScript動態(tài)建立或增加CSS樣式表的實現方法

    用JavaScript動態(tài)建立或增加CSS樣式表的實現方法

    下面小編就為大家?guī)硪黄肑avaScript動態(tài)建立或增加CSS樣式表的實現方法。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05

最新評論