es6 箭頭函式 返回物件簡化

乙個引數可省括號

無引數寫括號

乙個返回值可省return

//正常函式

function
fun(age)
var num =
18var
age=
function
(age)
age(num)
;//4
// 箭頭函式
letage2
=(num)
=>
//乙個引數可省括號
//let age2 = num => 
//乙個返回值可省return
//let age2 = num => num*2
age2
(num)
;//4
//無引數寫括號
letage3=(
)=>
12age3()
;//12

let

obj=()
=>()
obj(
)// 

this 是繼承父級作用域的this

var name =

'win'
var obj =
}obj.
getname()
;// obj
var name =
'win'
var obj =
}obj.
getname()
;// win

const

per=
(name, age)
=>
var per =
newper
('ss',18
)

function

fun(
)let
fun3
=(a,b)
=>
fun2(2
,2)fun3(3
,3)}
fun(1,
2,3)

var

sun=
(...args)
=>
// vm254:2 uncaught referenceerror: arguments is not defined

es6 簡介 簡化的object 箭頭函式

物件的簡化寫法 es6 允許直接寫入變數和函式，作為物件的屬性和方法。這樣的書寫更加簡潔 let foo bar let baz 等同於const baz 除了屬性簡寫，方法也可以簡寫。const fun 等同於 const fun 箭頭函式 es6允許用箭頭 宣告函式，更加快捷方便。等價於func...

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,...