亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

this 改變this的指向

walterrwu / 1705人閱讀

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

this是Javascript語言的一個關鍵字。

它代表函數(shù)運行時，自動生成的一個內(nèi)部對象。比如，

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

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

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

1.this指向的形式4種

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

b.在嚴格模式下"use strict",為undefined.

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

d.構造函數(shù)里的this,指向創(chuàng)建出來的實例.

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

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

//b
var foo = function() {
    "use strict";
    console.log(this);//表示使用嚴格模式;在嚴格模式下,為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;//定義一個that變量來存儲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";
//聲明一個函數(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 是下標
        //item_s 是對應的對象
    })
})
2.改變this的指向

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

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

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

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

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

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

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

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

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

bind傳參也是一個一個的傳入

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

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

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

//強制更改this指向為obj 并立即執(zhí)行該函數(shù)
show.call(obj,1,2);
show.apply(obj,[1,2]);

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

箭頭函數(shù)的this

我們使用foo函數(shù)的call方法改變了foo函數(shù)調(diào)用時函數(shù)體內(nèi)this的指向（{id: 42}這個對象），但setTimeout回調(diào)函數(shù)中的this依舊指向window對象（因為在全局環(huá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}

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

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/102217.html

相關文章

  • 輕松搞定javascript中this的指向

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

    shinezejian 評論0 收藏0

  • JavaScript中的this指向總結

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

    lavnFan 評論0 收藏0

  • bind函數(shù)作用、應用場景以及模擬實現(xiàn)

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

    Eminjannn 評論0 收藏0

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

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

    shiina 評論0 收藏0

發(fā)表評論

0條評論

walterrwu

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<