ES6系列二 函式

2021-09-22 12:57:13 字數 1030 閱讀 6505

一、箭頭函式,就是函式的簡寫。

如果只有乙個引數,() 可以省

如果只有乙個return,{}可以省

// 普通函式

function name()

// 箭頭函式,去掉 function, 加上 =>

() =>

let show1 = function () 

let show2 = () =>

show1()

show2()

let show4 = function (a)

let show5 = a => a * 2 //只有乙個引數,省略() 。只有乙個return,省略{}

console.log(show4(10))

console.log(show5(10))

二、函式的引數

1、引數擴充套件與展開 …args

收集剩餘的引數,必須是最後乙個引數位置

展開陣列,簡寫,效果和直接把陣列的內容寫在這兒一樣

2、預設引數

//收集引數

function show(a, b, ...args)

console.log(show(1, 2, 3, 4, 5))

let arr=[1,2,3];

function show(a,b,c)

show(...arr); //相當於show(1,2,3)

let arr1 = [1, 2, 3]

let arr2 = [4, 5, 6]

let arr3 = [...arr1, ...arr2]

console.log(arr3)

//展開引數

function show(...args)

function fn(a,b)

show(12,5);

//預設引數

function show2(a, b=5, c=8)

show2(88, 12)

ES6系列 ES6簡介

2015年6月17日,ecmascript的第六個版本正式發布,該版本正式名稱為ecmascript 2015,但通常被稱為ecmascript 6或者es6。瀏覽器對es6的支援情況 es6主要應用於node.js,如果想用在瀏覽器中,就需要使用轉碼器 將es6 轉成es5 這意味著,可以用es6...

精通ES6系列二(Generator函式)

generator函式是es6提供的一種非同步程式設計解決方案,可以理解為一種狀態機,內部包含多個狀態。執行generator函式會返回乙個遍歷器 iterator 通過next方法去獲取狀態機裡面的值。形式上,generator函式是乙個普通函式,但是有兩個特徵,一是function後面有乙個 二...

ES6學習系列 Generator 函式

generator 總覽 上例項 function testgen let test testgen test.next test.next test.next test.next 遍歷到這裡就結束了 test.next 1 generator 函式返回的遍歷器物件和 iterator 介面的關係 ...