JavaScirpt基础 之 箭头函数

简介: 箭头函数

JavaScirpt基础 之 箭头函数

箭头函数

箭头函数表达式的语法比普通函数表达式更简洁。

 (参数1, 参数2, …, 参数N) => { 函数声明 }

 (参数1, 参数2, …, 参数N) => 表达式(单一)
 // 相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }

当只有一个参数时,圆括号是可选的:

 (单一参数) => {函数声明}
 单一参数 => {函数声明}

没有参数的函数应该写成一对圆括号:

 () => {函数声明}

举例

 // ES5
 var x = function(x, y) {
      return x * y;
 }
  
 // ES6
 const x = (x, y) => x * y;

有的箭头函数都没有自己的 this。 不适合定义一个 对象的方法。

当我们使用箭头函数的时候,箭头函数会默认帮我们绑定外层 this 的值,

所以在箭头函数中 this 的值和外层的 this 是一样的。

箭头函数是不能提升的,所以需要在使用之前定义。

使用 const 比使用 var 更安全,因为函数表达式始终是一个常量。

如果函数部分只是一个语句,则可以省略 return 关键字和大括号 {},这样做是一个比较好的习惯:

举例

 const x = (x, y) => { return x * y };

注意:IE11 及更早 IE 版本不支持箭头函数。

目录
相关文章
|
2月前
|
自然语言处理
箭头函数和普通函数的区别是什么?
箭头函数和普通函数的区别是什么?
102 63
|
11天前
|
JavaScript 前端开发
箭头函数可以使用哪些方式定义
箭头函数是ES6引入的一种新的函数定义方式,使用`=>`符号。它可以简化函数的书写,主要有两种定义方式:1. 简单表达式,如`const fn = () => {}`;2. 带参数表达式,如`const fn = (arg) => {}`。
|
5月前
箭头函数和普通函数的区别
箭头函数和普通函数的区别
21 0
|
6月前
箭头函数需要注意的地方
箭头函数需要注意的地方
29 1
|
6月前
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
32 1
普通函数中的this指向问题解决方案箭头函数
普通函数中的this指向问题解决方案箭头函数
41 0
|
6月前
|
自然语言处理 前端开发 算法
箭头函数与普通函数:谁更胜一筹?
箭头函数与普通函数:谁更胜一筹?
箭头函数与普通函数:谁更胜一筹?
|
6月前
|
JavaScript 前端开发
请解释JavaScript中的箭头函数,并给出一个使用箭头函数的例子。
请解释JavaScript中的箭头函数,并给出一个使用箭头函数的例子。
54 0
|
12月前
|
JavaScript 前端开发
箭头函数和普通函数有什么区别
箭头函数和普通函数有什么区别
67 1
|
前端开发
前端学习笔记202305学习笔记第三十四天-js-箭头函数-箭头函数中的this
前端学习笔记202305学习笔记第三十四天-js-箭头函数-箭头函数中的this
47 0