（ES6）ECMAScript6新特性 – 不定参数/箭头函数

Ne-21 • 2021-08-13 • 编程技术 • 411 阅读

不定参数

不定参数用三个连续的点 ( ... ) 表示，使你能够将不定数量的元素表示为数组.

例如：

// 不定参数
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
分享
二维码
海报
（ES6）ECMAScript6新特性 – 不定参数/箭头函数
不定参数 不定参数用三个连续的点 ( ... ) 表示，使你能够将不定数量的元素表示为数组. 例如： // 不定参数 function add(...args) { // 此时args是一个……
<<上一篇
下一篇>>