淺談JavaScript--this指向

標籤：define   status   函數   post   包括   參數   淺談   efi   java   

js中this的值取決於調用的模式

• 方法調用模式

var student={    name:"adoctors",    showThis:function(){        console.log(this);          //此處this為整個student對象，包括其中的屬性和方法        console.log(this.name);   // ‘adoctors‘    }}

• 函數調用模式

function fn(){    console.log(this);   //this指向window對象        var name = "adoctors";    console.log(this.name);   //undefined        //也可通過賦值變數改變this指向    var that=this;    ···}

• 構造器調用模式

var fn = function (status){    this.status = status;}fn.prototype.get_status = function(){    return this.status;}var test = new fn(‘my status‘);console.log(test.get_status);   //my status,this指向test 

• apply和call調用模式

function foo(){    console.log(this.fruit);}// 定義一個全域變數，等同於window.fruit = "banana";var fruit = "banana";var  o = {    fruit : "apple"};    foo.apply(window);  // "banana";foo.call(o);  // "apple";

apply和call的唯一區別，就是在傳參的時候，apply的參數需要放在一個數組裡面，而call不需要；

淺談JavaScript--this指向