這篇文章主要介紹了js中this用法,實例分析了this指向windows、指向對象及改變this指向的相關技巧,需要的朋友可以參考下
本文實例講述了js中this用法。分享給大家供大家參考。具體如下:
1. 指向window
全局變量
- alert(this) //返回 [object Window]
全局函數
- function sayHello(){
- alert(this);
- }
- sayHello();
2. 指向該對象(在全局里面this指向window,在某個對象里面this指向該對象,在閉包里面this指向window)
- var user="the Window";
- var box={
- user:'the box',
- getThis:function(){
- return this.user;
- },
- getThis2:function(){
- return function (){
- return this.user;
- }
- }
- };
- alert(this.user);//the Window
- alert(box.getThis());//the box
- alert(box.getThis2()());
- //the Window (由于使用了閉包,這里的this指向window)
- alert(box.getThis2().call(box));
- //the box 對象冒充(這里的this指向box對象)
3. 用apply,call改變函數的this指向
- function sum(num1, num2){
- return num1+num2;
- }
- function box(num1, num2){
- return sum.apply(this, [num1, num2]);
- //this 表示window的作用域 box冒充sum來執行
- }
- console.log(box(10,10)); //20
4. new 對象
- function Person(){
- console.log(this) //將 this 指向一個新建的空對象
- }
- var p = new Person();
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選