详解一下javascript中的箭头函数
墨初 Web前端 583阅读
在 JavaScript 中,箭头函数(Arrow Functions)是 ES6 引入的一种新的函数语法,它提供了一种更简洁的方式来定义函数.
箭头函数的语法使用 => 运算符,并且没有自己的 this、super 或 arguments 绑定,它们继承自封闭的词法作用域。
js箭头函数的用法
基本语法:
<script> // 没有参数 const sum = () => { // 函数体 } // 一个参数 const sum = a => { // 函数体 } // 二个函数 const sum = (a,b) => { //函数体 } </script>
示例:
<script> const sayhello = () => console.log('hello words'); sayhello(); const shell = a => console.log('hello' + a); shell('mochu'); const sum = (a,b) => a + b; console.log(sum(1,1)); </script>
注意:
1、箭头函数继承自封闭的词法作用域,这意味着它们没有自己的 this、super 或 arguments 绑定。如果你在箭头函数内部使用这些关键词,它们将引用封闭词法作用域中的值。
2、箭头函数没有自己的原型对象,因此不能用作构造函数,也不能使用 new 关键字。
3、箭头函数不能用作生成器函数,也就是说不能使用 yield 关键字。
4、箭头函数通常用于回调函数、事件处理函数或任何需要函数表达式的场景。
总之,箭头函数是 JavaScript 中一种更简洁、更灵活的函数定义方式,它们在现代 JavaScript 开发中非常常见。