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

詳解JavaScript原型對(duì)象的this指向問題

 更新時(shí)間:2021年11月18日 10:07:31   作者:bear*6  
這篇文章主要為大家介紹了JavaScript原型對(duì)象的this指向問題,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助

一、this指向

構(gòu)造函數(shù)中的this 指向?qū)嵗龑?duì)象。那么原型對(duì)象this的指向呢?

如下:

function Student(age,name){
            this.age = age;
            this.name = name;
        }
        var that;
        Student.prototype.score = function(){
            console.log('孩子們成績(jī)都很好!');
            that = this;
        }
        var xl = new Student(18,'小熊');
        xl.score();
        console.log(that === xl);

定義一個(gè)全局變量that,在score函數(shù)里面給它賦值,讓其指向函數(shù)里面的this,調(diào)用實(shí)例對(duì)象的score方法,判斷that和實(shí)例對(duì)象是否一致,如果一致,則說明原型對(duì)象this的指向是該實(shí)例。

打印結(jié)果為:

在這里插入圖片描述

即原型對(duì)象里面放的是方法, 這個(gè)方法里面的this 指向的是 這個(gè)方法的調(diào)用者, 也就是這個(gè)實(shí)例對(duì)象。

二、修改this指向

1、call()方法

寫一個(gè)簡(jiǎn)單的兩數(shù)相加的函數(shù)。

 function fn(a,b){
           console.log(a+b);
            console.log(this);
		 }
 fn(1,2)

在函數(shù)內(nèi)部打印this,調(diào)用函數(shù),看其this的指向。

在這里插入圖片描述

可知this指向window對(duì)象,如果我們想讓this指向我們新創(chuàng)建的一個(gè)對(duì)象,怎么操作呢?

先定義一個(gè)對(duì)象,

o = {};

然后通過call()修改this指向,讓其指向新創(chuàng)建的對(duì)象o

 o = {
            name: 'xl'
        };
        fn.call(o,1,2);

打印結(jié)果為:

在這里插入圖片描述

現(xiàn)在this指向新創(chuàng)建的對(duì)象o,即修改成功。

2、apply()方法

apply()和call()方法基本相同,這里就不贅述,直接上代碼:

 function fn(a,b){
           console.log(a+b);
            console.log(this);
        }
        o = {
            name: 'xl'
        };
        fn.apply(o,[1,2]);

可以發(fā)現(xiàn),這兩種方法還是有區(qū)別的,即:call()接受的參數(shù)必須是連續(xù)參數(shù),而apply()方法接收參數(shù)的形式是數(shù)組參數(shù)。

總結(jié)

本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

相關(guān)文章

最新評(píng)論