ES6新增語法 箭頭函式

2021-10-07 06:20:10 字數 498 閱讀 1104

es6箭頭函式的基本結構:

() =>{}

const fn = ()=> {} //左邊是函式的引數

//右邊是函式的函式體

//如果es6箭頭函式只有一句**,並且**的執行結果就是es6箭頭函式的返回值 函式體大括號可以省略

cosnt sum = (n1,n2)=> n1+n2;

const result= sum(10,20);

.log(result)

function sum(num1, num2)

//es6箭頭函式寫法

const sum = (num1, num2) => num1 + num2;

注意:es6箭頭函式自己沒有this,箭頭函式中的this就是箭頭函式所在位置的this

比如說箭頭函式在全域性作用域中, 箭頭函式中this就是window

比如說es6箭頭函式寫在乙個函式裡面 ,箭頭函式中 this就是這個函式中this

ES6新語法 箭頭函式

箭頭函式 箭頭函式 實質就是乙個函式固定格式的簡寫 簡寫的規則 function 改為 讀為goesto 如果只有乙個形參,可以省略形參小括號 如果有0個或多個形參 就不能省略形參小括號 如果函式體只有一句話,就可以省略函式體大括號 如果函式體只有一句話,並且這一句話是return 返回值 那麼re...

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...