箭頭函數(shù)與this

Keven 發(fā)布于2019-08-22 14:05 / 1376人閱讀

摘要：一句話概括就是箭頭函數(shù)的與創(chuàng)建時的封閉詞法上下文的保持一致。這時候會形成一個閉包，箭頭函數(shù)將其詞法作用域內(nèi)的記錄在屬性上。箭頭函數(shù)使用傳遞作用域會被忽略但是可以用來傳遞參數(shù)，此時第一個參數(shù)應(yīng)該設(shè)置為。以下為實例實例實例

一句話概括就是: 箭頭函數(shù)的this與創(chuàng)建時的封閉詞法上下文的this保持一致。準確一點說應(yīng)該是，箭頭函數(shù)沒有自己的this以及arguments,所能取到的this是它被創(chuàng)建時的封閉詞法上下文。這時候會形成一個閉包，箭頭函數(shù)將其詞法作用域內(nèi)的this記錄在scope屬性上。箭頭函數(shù)使用call,apply,bind傳遞作用域會被忽略, 但是可以用來傳遞參數(shù)，此時第一個參數(shù)應(yīng)該設(shè)置為null。以下為實例：

const foo = ((...rest) => { console.log(this) })
let foo1 = foo.bind({demo: 1}, "demo")
// window
foo1()
function Foo() {
// Foo 實例
  console.log(this)
  this.obj = {
    // window
    foo: foo,
    // obj
    bar() { console.log(this)    },
    // Foo實例
    zoo: () => { console.log(this) },
      callF() { this.foo(), this.bar(), this.zoo() }
  }
}
let demo = new Foo()
demo.obj.callF()

云服務(wù)器 GPU云服務(wù)器箭頭函數(shù) js中的this與html php函數(shù)與函數(shù)調(diào)用最新函數(shù)與算法

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

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

相關(guān)文章

ES6 - 箭頭函數(shù)、箭頭函數(shù)與普通函數(shù)的區(qū)別總結(jié)

摘要：但是因為箭頭函數(shù)沒有自己的，它的其實是繼承了外層執(zhí)行環(huán)境中的，且指向永遠不會隨在哪里調(diào)用被誰調(diào)用而改變，所以箭頭函數(shù)不能作為構(gòu)造函數(shù)使用，或者說構(gòu)造函數(shù)不能定義成箭頭函數(shù)，否則用調(diào)用時會報錯報錯箭頭函數(shù)沒有自己的箭頭函數(shù)沒有自己的對象。這篇文章我們來了解一下ES6中的箭頭函數(shù)。首先會介紹一下箭頭函數(shù)的基本語法，因為基本語法比較好理解，我們用示例做簡單介紹即可。之后，我們重點來討論一下...

scola666 2019-08-23 16:32 評論0 收藏0
簡單說 JavaScript的箭頭函數(shù)

摘要：說明箭頭函數(shù)本質(zhì)還是函數(shù)，我們來看看他與中普通函數(shù)的區(qū)別，先看看寫法上的區(qū)別。箭頭函數(shù)會捕獲其所在上下文的值，作為自己的值。箭頭函數(shù)不可變。這些方法也無法改變箭頭函數(shù)的指向。箭頭函數(shù)不能用關(guān)鍵字來實例化對象，不然會報錯。說明箭頭函數(shù)本質(zhì)還是函數(shù)，我們來看看他與JavaScript中普通函數(shù)的區(qū)別，先看看寫法上的區(qū)別。 showImg(https://segmentfault...

Caizhenhao 2019-08-21 17:41 評論0 收藏0
箭頭函數(shù)與普通函數(shù)的區(qū)別及示例

摘要：箭頭函數(shù)是前端面試環(huán)節(jié)的一個高頻考點，一般會問箭頭函數(shù)的是指如何用普通函數(shù)實現(xiàn)一個箭頭函數(shù)箭頭函數(shù)有哪些優(yōu)點帶著這些問題，小編帶各位上路吧箭頭函數(shù)與普通函數(shù)得區(qū)別普通函數(shù)函數(shù)作為全局函數(shù)被調(diào)用時，指向全局對象函數(shù)作為對象中的方法被調(diào)用時，指箭頭函數(shù)是前端面試環(huán)節(jié)的一個高頻考點，一般會問 1、箭頭函數(shù)的this是指？2、如何用普通函數(shù)實現(xiàn)一個箭頭函數(shù)3、箭頭函數(shù)有哪些優(yōu)點帶著這些問題...

Backache 2019-08-26 10:12 評論0 收藏0
論普通函數(shù)和箭頭函數(shù)的區(qū)別以及箭頭函數(shù)的注意事項、不適用場景

摘要：第二種情況是箭頭函數(shù)的如果指向普通函數(shù)它的繼承于該普通函數(shù)。箭頭函數(shù)的指向全局，使用會報未聲明的錯誤。 showImg(https://segmentfault.com/img/remote/1460000018610072?w=600&h=400); 箭頭函數(shù)是ES6的API，相信很多人都知道，因為其語法上相對于普通函數(shù)更簡潔，深受大家的喜愛。就是這種我們?nèi)粘ｉ_發(fā)中一直在使用的API...

paulquei 2019-08-23 16:15 評論0 收藏0
ES6 系列之箭頭函數(shù)

摘要：回顧我們先來回顧下箭頭函數(shù)的基本語法。主要區(qū)別包括沒有箭頭函數(shù)沒有，所以需要通過查找作用域鏈來確定的值。箭頭函數(shù)并沒有方法，不能被用作構(gòu)造函數(shù)，如果通過的方式調(diào)用，會報錯。回顧我們先來回顧下箭頭函數(shù)的基本語法。 ES6 增加了箭頭函數(shù)： let func = value => value; 相當于： let func = function (value) { return ...

hsluoyz 2019-08-26 11:58 評論0 收藏0
es6箭頭函數(shù)深入學習1

摘要：基本用法允許使用箭頭定義函數(shù)。不可以當作構(gòu)造函數(shù)，也就是說，不可以使用命令，否則會拋出一個錯誤。箭頭函數(shù)綁定，很大程度上解決了這個困擾。函數(shù)綁定箭頭函數(shù)可以綁定對象，大大減少了顯式綁定對象的寫法。基本用法ES6允許使用箭頭（=>）定義函數(shù)。 var f = v => v;上面的箭頭函數(shù)等同于： var f = function(v) { return v;};如果箭頭函數(shù)不需要參數(shù)...

娣辯孩 2019-08-23 14:21 評論0 收藏0