欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript this關(guān)鍵字指向常用情況解析

 更新時間：2020年09月02日 11:24:50   作者：蔣先森  
這篇文章主要介紹了JavaScript this關(guān)鍵字指向常用情況解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

在之前寫代碼的經(jīng)歷中，常常試過寫著寫著this就莫名其妙的不知道指向到哪里去了。今天看了曾探的javascript設(shè)計模式，里面特別談到了this在不同情況下指代的對象，非常有意思。

this指代的情況

this有以下4種情況：

1、對象.函數(shù)的形式調(diào)用：object.function();

2、普通函數(shù)的形式調(diào)用：function();

3、構(gòu)造器調(diào)用;

4、Function.prototype.call或Function.prototype.apply調(diào)用;

1、對象.函數(shù)的形式調(diào)用

對象.函數(shù)方式調(diào)用時，指代該對象。

var obj = {
  num:1,
  getNum:function(){
    alert(this.num);//輸出1
  }
}
obj.getNum();

2、普通函數(shù)形式調(diào)用

普通函數(shù)的方式被調(diào)用時，this指向全局對象。

window.num = 2;
var obj = {
  num:1,
  getNum:function(){
    alert(this.num);
  }
}
obj.getNum();//彈出1
var fun1 = obj.getNum;
fun1();  //彈出2

太神奇了，直接調(diào)用函數(shù) fun(); 與通過對象調(diào)用函數(shù) xxx.fun(); this指代的對象不同。

3、構(gòu)造器調(diào)用

為了能夠用上new關(guān)鍵字，javascript的創(chuàng)建對象可以這樣定義。

var person = function(){
this.name = '劉備';
}

在這種情況下，this指代這個正在創(chuàng)建中的對象。

var p = new person();
alert(p.name);//彈出劉備

4、Function.prototype.call或Function.prototype.apply調(diào)用

var obj1 = {
  name:'關(guān)羽',
  getName:function(){
    return this.name;
  }
}
var obj2 = {
  name:'劉備'
}
alert(obj1.getName());  //關(guān)羽
alert(obj1.getName.call(obj2));  //劉備

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論