javascript 中箭头

箭头（arrow）函数是ES6引入的一个新的语法特性，它可以让我们书写更简洁，更易读的函数，对于一些简单的函数，使用箭头函数可以更加方便快捷。

箭头函数的语法如下:

const func = (param1, param2, …, paramN) =>{ statements }

箭头函数的语法可以看到，使用"="等号和"="后的">"符号，箭头函数的函数体写在"{"和"}"号之间，与大家平常所写的函数语法有些区别。

箭头函数的优势可以通过对比传统函数的写法来更好地理解。

传统函数：

function add(a, b){return a + b;}

箭头函数：

const add = (a, b) =>a + b;

箭头函数在短小精悍的函数上，表现出明显的优势。

箭头函数还有一个特别好的地方。就是它缩小了this的范围。在代码中很常遇到需要取到外层this指针的情况。以前的写法，则需要通过备份this的方式，像这样：

const that = this; // 保存外层this指针document.addEventListener('click', function() {that.handleClick();}, false);

而在箭头函数的写法下，就很方便了：

document.addEventListener('click', () =>{this.handleClick()}, false);

箭头函数会捕获所在（定义）作用域下的this值，这使得箭头函数的this总是与封闭词法环境的this保持一致。

然而，箭头函数也有自己的缺点。比如箭头函数没有自己的this或arguments（它们获取自己的闭合词法作用域），不能用作构造函数，当需要动态构建函数时（例如每次批量生成），箭头函数会表现出弱势。

总之，箭头函数是ES6引入的一个非常有用的新特性，它让JavaScript的函数更具有可读性、简洁性和易用性。

上一篇：10.13.2 macOS

下一篇：css下划线支持