一、展开符
展开符(剩余操作符):...
1.展开符号
'use strict';
let arr_one = [1,3];
let arr_two = [4,5,...arr_one];
console.log(arr_one);//[ 1, 3 ]
console.log(...arr_one);//1 3
console.log(arr_two);//[ 4, 5, 1, 3 ]
2.剩余操作符(类似arguments)
'use strict';function test(ss,...others){console.log(arguments);//{ '0': 1, '1': 2, '2': 3, '3': 4 }console.log(ss);//1console.log(others);//[ 2, 3, 4 ]
};
test(1,2,3,4);
一、解构赋值
解构赋值有种形式;
- 解构数组
'use strict';function test(){return [1,2,3];
};
let [one,two,three] = test();
console.log(one,two,three);//1 2 3
2.解构对象
解构对象中定义的变量和常见的对象有所区别,在定义变量的时候,键值对中“键”对应的是要解构对象的属性,而“值”才是新定义的变量,如下面案例中的变量“one_test”才是新定义的变量,前面的“one”是test()返回对象的“one”属性;
'use strict';
function test(){return {'one':1,'two':2,'three':3};
};
let {one:one_test,two:two,three:three} = test();
console.log(one_test,two,three);//1 2 3
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880
作者:喜欢坑队友的程序员
链接:https://www.jianshu.com/p/5f3f8eaacc4f
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。