【js基礎】之this,call,apply,bind

khs1994 發(fā)布于2019-08-22 16:47 / 1720人閱讀

摘要：的使用場景作為構造函數執(zhí)行作為對象屬性執(zhí)行作為普通函數執(zhí)行。要在執(zhí)行時才能確認值，定義時無法確認改變上下文指向。

1.this

this的使用場景：

1.作為構造函數執(zhí)行；

2.作為對象屬性執(zhí)行；

3.作為普通函數執(zhí)行；

4.call apply bind。

this要在執(zhí)行時才能確認值，定義時無法確認

var a = {
    name:"A",
    fn:function(){
        console.log(this.name);
    }
}

a.fn();//this===a

a.fn.call({name:"B"});//this==={name:"B"}

var fn1 = a.fn;
fn1();//this===window

2.call,apply

改變上下文this指向。

fn.call({this指向},參數1,參數2)

fn.apply({this指向},[參數1,參數2])

//call
function fn2(name,age){
    alert(name);//zhangsan
    console.log(this);//{x: 100}
}

fn2.call({x:100},"zhangsan",20);

//apply
function fn3(name,age){
    alert(name);//lisi
    console.log(this);//{y: 200}
}

fn3.apply({y:200},["lisi",30]);

3.bind

在函數表達式后邊改變函數的上下文。

var fn = function(參數){}.bind({this指向});

fn(參數)

var fn4 = function(name,age){
    alert(name);//wangwu
    console.log(this);//{z: 300}
}.bind({z:300});

fn4("wangwu",40);

GPU云服務器云服務器 JS中bind、call和apply的作 js中的call和apply apply與call的區(qū)別之基礎篇

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

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94657.html

JS系列之call & apply & bind

摘要：參考鏈接在中，和是對象自帶的三個方法，都是為了改變函數體內部的指向。返回值是函數方法不會立即執(zhí)行，而是返回一個改變了上下文后的函數。而原函數中的并沒有被改變，依舊指向全局對象。原因是，在中，多次是無效的。參考鏈接：https://juejin.im/post/59bfe8... 在JavaScript中，call、apply和bind是Function對象自帶的三個方法，都是為了改變...

xiaochao 2019-08-23 13:09 評論0 收藏0
面試官問：JS的this指向

摘要：之前寫過一篇文章面試官問能否模擬實現(xiàn)的和方法就是利用對象上的函數指向這個對象，來模擬實現(xiàn)和的。雖然實際使用時不會顯示返回，但面試官會問到。非嚴格模式下，和，指向全局對象前言面試官出很多考題，基本都會變著方式來考察this指向，看候選人對JS基礎知識是否扎實。讀者可以先拉到底部看總結，再谷歌（或各技術平臺）搜索幾篇類似文章，看筆者寫的文章和別人有什么不同（歡迎在評論區(qū)評論不同之處），...

warnerwu 2019-08-23 14:17 評論0 收藏0
javascript 基礎之 call, apply, bind

摘要：系統(tǒng)，扎實的語言基礎是一個優(yōu)秀的前端工程師必須具備的。第一個參數為調用函數時的指向，隨后的參數則作為函數的參數并調用，也就是。和的區(qū)別只有一個，就是它只有兩個參數，而且第二個參數為調用函數時的參數構成的數組。系統(tǒng)，扎實的 javascript 語言基礎是一個優(yōu)秀的前端工程師必須具備的。在看了一些關于 call，apply，bind 的文章后，我還是打算寫下這篇總結，原因其實有好幾個。...

xeblog 2019-08-23 18:23 評論0 收藏0
javascript基礎之this

摘要：出現(xiàn)箭頭函數的時候，指向為定義時的上下文對象而非指向時，并且不能被改變首先我們先看一個例子由上面的例子我們可以看出來此時指針在用改變了之后指向的依然是全局對象非嚴格瀏覽器環(huán)境中是而非。 javascript基礎之this指針越往后面學越發(fā)現(xiàn)基礎的重要性，所以打算重新過一遍基礎，之后出幾個vue和react的實戰(zhàn)教程。ok，嚴歸正傳。首先什么是this this是執(zhí)行上下文創(chuàng)建時確定...

Zoom 2019-08-22 13:57 評論0 收藏0
前端面經整理之JS和CSS

摘要：作為對象原型鏈的終點。調用函數時，應該提供的參數沒有提供，該參數等于。它可以用于引用該函數的函數體內當前正在執(zhí)行的函數。一 JS 二 CSS 一 JS ==和===的區(qū)別 ===叫做嚴格運算符 ==叫做相等運算符嚴格運算符比較時不僅僅比較數值還要比較數據類型是否一樣相等運算符在比較相同類型的數據時，與嚴格相等運算符完全一樣。在比較不同類型的數據時，相等運算符會先將數據進行類型轉換，...

stonezhu 2019-08-21 17:34 評論0 收藏0