ES6語法 箭頭函式特點及簡單例子

2021-10-24 02:59:42 字數 1132 閱讀 8549

let

func=(

)=>

func()

;//如果沒有呼叫,函式也不會執行的

1、函式中沒有形參預設值時,並且只有乙個形參時,可以帶括號或者省略括號。

2、函式中如果函式體只有一句,也可以省略花括號。

(1)帶括號

let

func

=(x)

=>

func

(1000

)

(2)省略括號

//1、

letfunc

= x => console.

log(x)

;//這個是console.log出來的1000

func

(1000);

//1000

沒有return值,輸出是undefined

console.

log(

func

(1000))

;//undefined

//2、

letfunc3

= x => x +20;

// 以上這種省略{}的寫法相當於返回這個值

// function func3(x)

fun3(10

)//30

//這個代表是輸出fun3的返回值,如果大括號省略了,則最終的呼叫結果,會返回箭頭後面的執行結果,自帶return

console.

log(

func3(10

));//30

箭頭函式的特點:

1.箭頭函式 let 函式名 = () => {}

2.形式引數放在小括號(),如果形參只有乙個的話,可以省略小括號

3.大括號內是函式體,如果函式體只有一句,可以省略大括號{}

4.如果大括號省略了,則最終的呼叫結果,會返回箭頭後面的執行結果,自帶return

5.如果有多個語句,大括號是不能省略的。如果返回值是乙個物件,也不能省略大括號,否則識別不到,會提示語法錯誤。所以如果是返回乙個物件,函式體也記得加上{},就是

ES6箭頭函式宣告特點

es6 允許使用 箭頭 定義函式 宣告乙個函式 let fn function let fn a,b 呼叫函式 let result fn 1,2 console.log result 控制台輸出 箭頭函式宣告特性 1.this是靜態的,this始終指向函式宣告時所在作用域下的this的值 演示 f...

ES6新增語法 箭頭函式

es6箭頭函式的基本結構 const fn 左邊是函式的引數 右邊是函式的函式體 如果es6箭頭函式只有一句 並且 的執行結果就是es6箭頭函式的返回值 函式體大括號可以省略 cosnt sum n1,n2 n1 n2 const result sum 10,20 log result functi...

ES6新語法 箭頭函式

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