03-箭頭函數 箭頭函數 基本語法: ES6允許使用“箭頭”(=>)定義函數 如果箭頭函數不需要參數或需要多個參數,就使用一個圓括號代表參數部分 ...
平時在script標簽或JS文件定義一個函數是這樣的: 如果是在對象字面量中定義函數的話,有如下兩種方式: 而在ES 中又引入了一種對函數的定義方式:箭頭函數,標准示例如下: 上面的 num num 是參數列表,后面的 是方法體 但主要說的並不是這種方式,他還有特別的寫法: 當只有一個參數,方法體中的代碼只有一行時,他可以下面的寫法: 上面代碼意思是:參數是num,方法體是return num ...
2021-03-31 11:53 0 625 推薦指數:
03-箭頭函數 箭頭函數 基本語法: ES6允許使用“箭頭”(=>)定義函數 如果箭頭函數不需要參數或需要多個參數,就使用一個圓括號代表參數部分 ...
特型介紹:箭頭函數是ES6新增的特性之一,它為JS這門語言提供了一種全新的書寫函數的語法。 箭頭函數簡化了原先的函數語法,不需要再寫 function ,如果函數體只有一行代碼的話連 return 都不用寫,這個特性對於熱衷於簡化流程和工作的程序員來說相當對胃口。 箭頭函數支持 ...
最近做的項目中遇到了在箭頭函數里使用this時報錯的問題,把箭頭函數的寫法改成function()后,this的指向才達到預期。關於這個問題值得研究一下。 在箭頭函數出現之前的ES5時代,this指向它的調用者。是哪個對象調用了這個屬性或方法,this就指向這個對象。這有 ...
全局環境下,指向windows console.log(this.document === document); // true 函數上下文調用 function f1(){ return this; } f1() === window; // true 對象中 ...
箭頭函數中this的指向問題 箭頭函數不會改變this的指向,在它外面拿到的this是什么,它里面獲取到的就是什么 setTimeout方法掛載在window上面,高程中寫道,超時調用的代碼都是在全局作用域下執行,非嚴格模式下this指向window對象,嚴格模式下為undefined ...
es6對象內函數一般有兩種寫法: 輸出: person1的寫法,類似於: this指向當前調用此方法的對象 person2的寫法,使用了箭頭函數,箭頭函數的this指向當前的執行環境(創建它時所處的上下文)(箭頭函數可以捕獲其所在上下文的this值 ...
對於this的指向問題還是有點不太清除,這里做一下整理,方便以后查看 普通函數的this 1.普通函數的this指向的是它的調用者,誰調用這個this,,this就指向誰,比如obj,fn,這里fn最外層的this就指向obj 2.如果沒有調用者,那這個this就指向window 3. ...
今天注意到前端小伙伴用react 定義component class的方法的時候是通過箭頭函數的方式,表示好奇。 class Test extends React.Component { public fun1 = () => { console.log ...