(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);

输出结果:

 

转载请注明出处,谢谢!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>