您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

ES6_三点运算符

发布时间：2019-10-13 11:52:52编辑：雪饮阅读（）

function的arguments的callee方法

callee方法可以让arguments能够调用其所在的函数，递归则也可以使用这个，示例：

         var i=0;

         function foo(){

                   if(i<100){

                            console.log(i);

                            i++;

                            arguments.callee();

                   }

                   return true;

         }

         foo();

三点运算符

三点运算符在形参中定义，功能类似于arguments，其最本质区别如：

         function foo(...value){

                   console.log(value);

                   console.log(arguments);

                   //三点运算符是真数组

                   if(typeof(value.forEach)!='undefined'){

                            console.log('value forEach start');

                            value.forEach(function(item,index){

                                     console.log(item,index);

                            });

                            console.log('value forEach end');

                   }

                   //arguments是伪数组

                   if(typeof(arguments.forEach)!='undefined'){

                            console.log('arguments forEach start');

                            arguments.forEach(function(item,index){

                                     console.log(item,index);

                            });

                            console.log('arguments forEach end');

                   }

                  

         }

         foo(1,2,3);

最后形参

         function foo(a,...value){

                   console.log(value);

         }

         foo(1,2,3,4);

这里只能打印出2,3,4因为a形参接管了参数1，也就是说三点运算符在这里负责没有被真实形参显示接管的，再比如如下就只能获取3,4了

         function foo(a,b,...value){

                   console.log(value);

         }

         foo(1,2,3,4);

数组合并的妙用

有了三点运算符合并数组更简单，如：

         let arr=[1,6];

         let arr1=[2,3,4,5];

         arr=[1,...arr1,6];

         console.log(arr);