箭頭函數與this

Keven 發布于2019-08-22 14:05 / 1366人閱讀

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

一句話概括就是: 箭頭函數的this與創建時的封閉詞法上下文的this保持一致。

準確一點說應該是，箭頭函數沒有自己的this以及arguments,所能取到的this是它被創建時的封閉詞法上下文。這時候會形成一個閉包，箭頭函數將其詞法作用域內的this記錄在scope屬性上。箭頭函數使用call,apply,bind傳遞作用域會被忽略, 但是可以用來傳遞參數，此時第一個參數應該設置為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()

GPU云服務器云服務器箭頭函數 js中的this與html php函數與函數調用最新函數與算法

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

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

ES6 - 箭頭函數、箭頭函數與普通函數的區別總結

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

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

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

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

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

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

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

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

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

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

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

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