成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

this 改變this的指向

walterrwu / 1667人閱讀

摘要：兩個(gè)參數(shù)在中新增了該方法也是強(qiáng)制更改指向而改變的指向，返回的是函數(shù)但是和的區(qū)別是更改后不會(huì)立即執(zhí)行，它會(huì)返回一個(gè)新函數(shù)。

this是Javascript語(yǔ)言的一個(gè)關(guān)鍵字。

它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對(duì)象。比如，

function test()  {
     this.x = 1;
}

this 是當(dāng)前執(zhí)行上下文中的一部分。

this永遠(yuǎn)指向函數(shù)的調(diào)用者。
隨著函數(shù)使用場(chǎng)合的不同，this的值會(huì)發(fā)生變化。但是有一個(gè)總的原則，那就是this指的是，調(diào)用函數(shù)的那個(gè)對(duì)象。

1.this指向的形式4種

a.如果是一般函數(shù),this指向全局對(duì)象window;

b.在嚴(yán)格模式下"use strict",為undefined.

c.對(duì)象的方法里調(diào)用,this指向調(diào)用該方法的對(duì)象.

d.構(gòu)造函數(shù)里的this,指向創(chuàng)建出來(lái)的實(shí)例.

e.在事件處理函數(shù)中，this指向觸發(fā)事件的DOM對(duì)象

//a
function bar() {
    console.log(this);//一般函數(shù),this指向全局對(duì)象window
}
bar();

//b
var foo = function() {
    "use strict";
    console.log(this);//表示使用嚴(yán)格模式;在嚴(yán)格模式下,為undefined
}
foo();

//c
var name = "tesla";
var car = {
    name:"bmw",
    drive: function() {
        console.log(this); //object car
        console.log(this.name); //bmw

        var that = this;//定義一個(gè)that變量來(lái)存儲(chǔ)this的值

        setTimeout(function(){ //setTimeout是全局函數(shù)
            console.log(this); //window
            console.log(this.name); //tesla

            console.log(that); //object car
            console.log(that.name); //bmw
        },1000);
    }
}
car.drive();

//d
var name = "tom";
//聲明一個(gè)函數(shù)
function person() {
    console.log(arguments.length);
    this.name = arguments[0];
    this.age = arguments[1];
    console.log(this);
    console.log(this.name);
    console.log(this.age);
}
person(); //0 window undefined undefined
var tom = new person("amy",20);  //2 person -> tom amy 20

//e
//先遍歷 ".tr-s"
$(".tr-s").each(function (index,item) {
    //再遍歷 ".tr-s" 下的 "td-t"
    $(this).find(".td-t").each(function (index_s,item_s) {
        //index_s 是下標(biāo)
        //item_s 是對(duì)應(yīng)的對(duì)象
    })
})
2.改變this的指向

在JS中一切皆對(duì)象，函數(shù)也是對(duì)象，既然是對(duì)象就有屬性和方法，在JS中所有的方法都有兩個(gè)方法call(),apply()

我們可以使用這兩個(gè)方法來(lái)顯示更改函數(shù)中this的指向，
call、apply這兩個(gè)函數(shù)的共同特點(diǎn)：改變并立即執(zhí)行。

區(qū)別就是傳參方式不同
call是一個(gè)一個(gè)傳入
apply是傳入一個(gè)數(shù)組，一次性傳完。

.call(), call(thisScope, arg1, arg2, arg3...)

.apply(), apply(thisScope, [arg1, arg2, arg3...]);兩個(gè)參數(shù)

在ES5中新增了bind(),該方法也是強(qiáng)制更改this指向

而bind 改變this的指向，返回的是函數(shù)

.bind() bind(thisScope, arg1, arg2, arg3...)

但是bind和call、apply的區(qū)別是bind更改this后不會(huì)立即執(zhí)行，它會(huì)返回一個(gè)新函數(shù)。

bind傳參也是一個(gè)一個(gè)的傳入

var obj = {
    name:"tom",
    age:20
}

function show(a,b){
    console.log(a,b);
}

//獨(dú)立調(diào)用
show(1,2);

//強(qiáng)制更改this指向?yàn)閛bj 并立即執(zhí)行該函數(shù)
show.call(obj,1,2);
show.apply(obj,[1,2]);

//強(qiáng)制更改this指向obj,不會(huì)立即執(zhí)行,它會(huì)返回一個(gè)新函數(shù),需要主動(dòng)去執(zhí)行這個(gè)函數(shù)
show.bind(obj,1,2)();

箭頭函數(shù)的this

我們使用foo函數(shù)的call方法改變了foo函數(shù)調(diào)用時(shí)函數(shù)體內(nèi)this的指向（{id: 42}這個(gè)對(duì)象），但setTimeout回調(diào)函數(shù)中的this依舊指向window對(duì)象（因?yàn)樵谌汁h(huán)境中運(yùn)行）。

普通函數(shù)

function foo() {
    console.log("id1:", this.id);
    console.log("this1:", this);
    setTimeout(function() {
        console.log("id2:", this.id);
        console.log("this2:", this);
    }, 0);
}

var id = 21;

foo();
// id1: 21 ; this1: window ; id2: 21 ; this2: window

foo.call({id: 42});
// id1: 42 ; this1: {id: 42} ; id2: 21 ; this2: window

箭頭函數(shù)

function foo() {
    console.log("id1:", this.id);
    console.log("this1:", this);
    setTimeout(() =>{
        console.log("id2:", this.id);
        console.log("this2:", this);
    }, 0);
}

var id = 21;

foo();
// id1: 21 ; this1: window ; id2: 21 ; this2: window

foo.call({id: 42});
// id1: 42 ; this1: {id: 42} ; id1: 42 ; this1: {id: 42}

在這里直接給出結(jié)論：
箭頭函數(shù)根本沒(méi)有自己的this，導(dǎo)致內(nèi)部的this指向了外層代碼的this，這個(gè)指向在定義時(shí)就已經(jīng)確定而不會(huì)在調(diào)用時(shí)指向其執(zhí)行環(huán)境的（變量）對(duì)象。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102217.html

相關(guān)文章

  • 輕松搞定javascript中this的指向

    摘要：調(diào)用在中，通過(guò)的形式調(diào)用一個(gè)構(gòu)造函數(shù)，會(huì)創(chuàng)建這個(gè)構(gòu)造函數(shù)實(shí)例，而這個(gè)實(shí)例的指向創(chuàng)建的這個(gè)實(shí)例。如下例所示，在構(gòu)造函數(shù)內(nèi)部使用并沒(méi)有改變?nèi)肿兞康闹?。顯然，箭頭函數(shù)是不能用來(lái)做構(gòu)造函數(shù)。 　　關(guān)于javascript中this指向的問(wèn)題，現(xiàn)總結(jié)如下，如有不正確，歡迎指正。 　　javascript中，this的指向并不是在函數(shù)定義的時(shí)候確定的，而是在其被調(diào)用的時(shí)候確定的。也就是說(shuō)，函數(shù)的...

    shinezejian 評(píng)論0 收藏0

  • JavaScript中的this指向總結(jié)

    摘要：其中和在傳入要綁定的指向時(shí)，立即執(zhí)行。需要注意的是，當(dāng)使用改變函數(shù)內(nèi)部的指向時(shí)如果傳入的不是一個(gè)對(duì)象，會(huì)調(diào)用相對(duì)的構(gòu)造函數(shù)，進(jìn)行隱式類(lèi)型裝換。 關(guān)于javascript中this指向的總結(jié) 瀏覽器環(huán)境 在全局作用域中，this的指向是window對(duì)象 console.log(this); //Window對(duì)象 console.log(this === window); //true E...

    lavnFan 評(píng)論0 收藏0

  • bind函數(shù)作用、應(yīng)用場(chǎng)景以及模擬實(shí)現(xiàn)

    摘要：返回的新函數(shù)調(diào)用時(shí)也可以向原函數(shù)傳遞實(shí)參，這里就涉及順序問(wèn)題。返回的新函數(shù)被當(dāng)成構(gòu)造函數(shù)調(diào)用函數(shù)后返回的新函數(shù)，也可以被當(dāng)做構(gòu)造函數(shù)。使用，以原函數(shù)作為新對(duì)象的原型創(chuàng)建對(duì)象測(cè)試打印打印函數(shù)源碼已實(shí)現(xiàn)完成，希望對(duì)你有幫助。 bind函數(shù) bind 函數(shù)掛在 Function 的原型上 Function.prototype.bind 創(chuàng)建的函數(shù)都可以直接調(diào)用 bind,使用： fu...

    Eminjannn 評(píng)論0 收藏0

  • JS中this關(guān)鍵字改變指向的三種方法（apply、call、bind）

    摘要：函數(shù)的幾種調(diào)用方式普通函數(shù)調(diào)用作為方法來(lái)調(diào)用作為構(gòu)造函數(shù)來(lái)調(diào)用使用方法來(lái)調(diào)用方法箭頭函數(shù)但是不管函數(shù)是按哪種方法來(lái)調(diào)用的，都需要記住一點(diǎn)誰(shuí)調(diào)用這個(gè)函數(shù)或方法關(guān)鍵字就指向誰(shuí)。作為構(gòu)造函數(shù)來(lái)調(diào)用構(gòu)造函數(shù)出來(lái)的實(shí)例，指向這個(gè)實(shí)例對(duì)象。 首先，了解一下this關(guān)鍵字。this關(guān)鍵字就涉及到函數(shù)調(diào)用的內(nèi)容。函數(shù)的幾種調(diào)用方式: 1 普通函數(shù)調(diào)用2 作為方法來(lái)調(diào)用3 作為構(gòu)造函數(shù)來(lái)調(diào)用4 使用ap...

    shiina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

walterrwu

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<