DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js中this用法實例詳解
js中this用法實例詳解
編輯:關於JavaScript     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved