【ECMAScript 5_6_7】7、ES6——點點點運算子
阿新 • • 發佈:2019-01-09
一、點點點運算子
* 用途 1. rest(可變)引數 * 用來取代arguments(函式內部用來收集實參的偽陣列) 但比 arguments 靈活,只能是最後部分形參引數 function fun(...values) { console.log(arguments); arguments.forEach(function (item, index) { console.log(item, index); }); console.log(values); values.forEach(function (item, index) { console.log(item, index); }) } fun(1,2,3); 2. 擴充套件運算子 let arr1 = [1,3,5]; let arr2 = [2,...arr1,6]; arr2.push(...arr1);
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>07_3點運算子</title> </head> <body> <script type="text/javascript"> function add(a,b) { console.log(arguments) // arguments.callee() //該方法指向該函式本身,用來遞迴呼叫 /*arguments.forEach(function (item,index) { // 這裡報錯,因為arguments是偽陣列,不能使用陣列的方法 console.log(item,index) })*/ } add(10,20) function add1(a,b,...value) { // ...只能收集最後部分形參引數,且必須處於最後一個 console.log(value) value.forEach(function (item,index) { console.log(item,index) }) } add1(1,2,3,4,5) let arr = [1,6] let arr1 = [2,3,4,5] console.log(...arr1) // ...自動遍歷自身引數 arr = [1,...arr1,6] console.log(arr) </script> </body> </html>