【場景1】全局環(huán)境中的this指向全局對象
this.a = 10;alert(a);//10b = 20;alert(this.b);//20var c = 30;alert(this.c);//30
【場景2】對象內(nèi)部函數(shù)的this指向調(diào)用函數(shù)的當(dāng)前對象
var a = 10;var bar = { a: 20, test: function(){ alert(this.a); }}bar.test();//20【場景3】全局環(huán)境函數(shù)的this指向全局對象
var a = 10;function foo(){ alert(this.a);}foo();//10【場景4】匿名函數(shù)中的this指向全局對象
var a = 10;var foo = { a: 20, fn: (function(){ alert(this.a); })()}foo.fn//10【場景5】setInterval和setTimeout定時器中的this指向全局對象
var a = 10;var oTimer1 = setInterval(function(){ var a = 20; alert(this.a);//10 clearInterval(oTimer1);},100);【場景6】eval中的this指向調(diào)用上下文中的this
(function(){ eval("alert(this)");//[object Window]})();function Foo(){ this.bar = function(){ eval("alert(this)");//[object Object] }}var foo = new Foo();foo.bar();【場景7】構(gòu)造函數(shù)中的this指向構(gòu)造出的新對象
function Person(name,age){ this.name = name; this.age = age; this.sayName = function(){ alert(this.name); }}var p1 = new Person('lily','20');p1.sayName();//'lily'【場景8】new Function中的this指向全局對象
(function(){ var f = new Function("alert(this)"); f();//[object Window]})();function Foo(){ this.bar = function(){ var f = new Function("alert(this)"); f();//[object Window] }}var foo = new Foo();foo.bar();【場景9】apply和call中的this指向參數(shù)中的對象
var a = 10;var foo = { a: 20, fn: function(){ alert(this.a); }};var bar ={ a: 30}foo.fn.apply();//10(若參數(shù)為空,默認指向全局對象)foo.fn.apply(foo);//20foo.fn.apply(bar);//30【復(fù)合場景1】
var someone = { name: "Bob", showName: function(){ alert(this.name); }};var other = { name: "Tom", showName: someone.showName}other.showName(); //Tom//以上函數(shù)相當(dāng)于var other = { name: "Tom", showName: function(){ alert(this.name); }}other.showName(); //Tom【復(fù)合場景2】
var name = 2;var a = { name: 3, fn: (function(){ alert(this.name); })(), fn1:function(){ alert(this.name); }}a.fn;//2[匿名函數(shù)中的this指向全局對象]a.fn1();//3[對象內(nèi)部函數(shù)的this指向調(diào)用函數(shù)的當(dāng)前對象]【復(fù)合場景3】
var name = "Bob"; var nameObj ={ name : "Tom", showName : function(){ alert(this.name); }, waitShowName : function(){ var that = this; setTimeout(function(){ that.showName(); }, 1000); }}; nameObj.waitShowName();//"Tom"[that=this改變this的指向,使this從指向全局變量變化到指向nameObj]var name = "Bob"; var nameObj ={ name : "Tom", showName : function(){ alert(this.name); }, waitShowName : function(){ var that = this;//that指向nameObj setTimeout(function(){ (function(){ alert(this.name); })(); }, 1000); }}; nameObj.waitShowName();// 'Bob'[形成匿名函數(shù),this指向全局變量] 本文給大家介紹了this中的9種應(yīng)用場景,希望對大家有所幫助,本站每天都有新的內(nèi)容更新,請廣大網(wǎng)友持續(xù)關(guān)注本站,謝謝。
新聞熱點
疑難解答