(ES6)ECMAScript6新特性 – 不定参数/箭头函数
不定参数
不定参数用三个连续的点 ( ...
) 表示,使你能够将不定数量的元素表示为数组.
例如:
// 不定参数
function add(...args) {
// 此时args是一个数组
for (let i = 0; i < args.length; i++) {
console.log(args[i]);
}
}
输出结果:
箭头函数
function sum(x, y) {
return x + y;
}
console.log(sum(10, 20));
// 箭头函数 -- 类似于lambda表达式
let sum2 = (x, y) => x + y; // sum2只能写一行代码
console.log(sum2(4, 4));
let sum3 = (x, y) => { // 这种写法可以写多行代码
let c = 10;
return x + y + c;
}
console.log(sum3(1, 3));
输出结果:
对象中如何设置一个函数
let user = {
name: 'admin',
age: 22,
info: function () { // 给对象添加一个info函数
console.log('info', this.name, this.age)
},
info2() {// ES6中函数可以这样写
console.log('info2', this.name, this.age)
},
// 使用箭头函数
info3(obj) {
console.log('info3', obj)
},
// 箭头函数+解构表达式
info4({ name }) { // 从对象中解构出指定的属性name
console.log('info4', name)
}
}
console.log('user:', user);
console.log('user.name', user.name);
user.info();
user.info2();
var param = { name: 'xiaobai', age: 30 };
user.info3(param);
user.info4(param);
输出结果:
版权声明:
作者:Ne-21
链接:https://blog.gocos.cn/archives/84.html
来源:云淡风轻
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
(ES6)ECMAScript6新特性 – 不定参数/箭头函数
不定参数
不定参数用三个连续的点 ( ... ) 表示,使你能够将不定数量的元素表示为数组.
例如:
// 不定参数
function add(...args) {
// 此时args是一个……

共有 0 条评论