Javascript陷阱window全局對象_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 20:40:42
Javascript陷阱window全局對象_javascript技巧
Javascript陷阱window全局對象_javascript技巧:function Test(){ this.name='Test'; var name=2; this.show=function(){ alert(name); alert(this.name);//顯示名字 } } var test=new Test();//通過構造器創建一個對象 test.show();//輸出2和'Test' ,說明對象方法訪問
導讀Javascript陷阱window全局對象_javascript技巧:function Test(){ this.name='Test'; var name=2; this.show=function(){ alert(name); alert(this.name);//顯示名字 } } var test=new Test();//通過構造器創建一個對象 test.show();//輸出2和'Test' ,說明對象方法訪問

function Test(){
this.name='Test';
var name=2;
this.show=function(){
alert(name);
alert(this.name);//顯示名字
}
}
var test=new Test();//通過構造器創建一個對象
test.show();//輸出2和'Test' ,說明對象方法訪問其屬性時必須加this.
function Test2(){
this.name='Test2';
this.show=function(){
alert(name);
alert(this.name);
}
}
Test();//直接調用Test();
var test2=new Test2();
test2.show();//輸出了Test,Test2,很奇怪啊,name問什么有值了,而且怎么會是'Test',bug?
alert(name);
window.show(); //輸出2,test;怎么會有show函數呢,難道是bug
//依次輸出2,Test;Test,Test2;Test;2,Test
// ff和ie6下都是同樣的運行結果,看來不是bug,那究竟是為什么呢?
// 注意到:對象方法訪問其對象的屬性時|必須|加以this.(和java不一樣).
// 整個頁面是默認的是|window|對象,那么定義的函數,默認就是window對象的方法。
//直接直接調用函數時,相當于通過window.調用方法,那么方法內部的this自然就是\
//window對象,this.name='Test'就是為window對象加了一個屬性.
// 那么當方法局部作用域內未定義name且調用alert(name),就相當于調用alert(window.name);
/*啊,代碼混亂了。這看起來像一個很嚴重的陷阱!!*/
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Javascript陷阱window全局對象_javascript技巧
Javascript陷阱window全局對象_javascript技巧:function Test(){ this.name='Test'; var name=2; this.show=function(){ alert(name); alert(this.name);//顯示名字 } } var test=new Test();//通過構造器創建一個對象 test.show();//輸出2和'Test' ,說明對象方法訪問