简单总结es6箭头符号

Posted 2020-12-29 huangqiming

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了简单总结es6箭头符号相关的知识，希望对你有一定的参考价值。

1、es6箭头符号的几种写法

（1）没有参数

()=>1*1

（2）一个参数

x=>x*x

（3）两个参数以及多个参数

(x,y,z)=>x*y*z

2、箭头符号不会绑定this、arguments、super、new.target

（1）arguments

function foo() {
    setTimeout( () => {
        console.log("args:", arguments);
    },100);
}

foo( 2, 4, 6, 8 );

（2）this

function Prefixer(prefix) {
    this.prefix = prefix;
}
Prefixer.prototype.prefixArray = function (arr) {
    return arr.map((x) => {
        return this.prefix + x;
    });
};

以上是关于简单总结es6箭头符号的主要内容，如果未能解决你的问题，请参考以下文章