JavaScript箭头函数语法小结

朱雀 2020-06-21 14:41 791阅读 0赞

**JavaScript箭头函数语法小结**

> 1.没有参数时

```javascript
var demo = function（）{
}
```

相当于：

```javascript
var demo = () => {
}
```

> 2.只有一个参数时

```javascript
var demo = function（a）{
return a;
}
```

相当于：

```javascript
var demo = a => a
```

> 3.多个参数需要用到小括号，参数间逗号间隔

```javascript
var demo = function（a,b）{
return a+b;
}
```

相当于：

```javascript
var demo = (a,b) => a+b
```

> 4 . 函数体多条语句需要用到大括号

```javascript
var demo = function（a,b）{if(a>b){
    return a-b;} else{
    return b-a;
  }}
```

相当于：

```javascript
var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}
```

> 5 . 返回对象时需要用小括号包起来，因为大括号被占用解释为代码块了

```javascript
var demo = (name,age) =>{return ({    name: name,    age: age   })}
```

> 6 .作为数组排序回调

```javascript
var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) {  return 1 } else {  return -1 }})
```

注意：

> 箭头函数的确与传统函数有不同之处，但仍存在共同的特点。
> 例如：
> 1.对箭头函数进行typeof操作会返回“function”。
> 2.箭头函数仍是Function的实例，故而instanceof的执行方式与传统函数一致。
> 3.call/apply/bind方法仍适用于箭头函数，但就算调用这些方法扩充当前作用域，this也依旧不会变化。
> 4.箭头函数与传统函数最大的不同之处在，禁用new操作

发表评论取消回复

表情：

评论列表（有 0 条评论，791人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 箭头函数与普通函数

阅读目录箭头函数没有自己的 this，与外层函数保持一致思考题：下面的代码会输出什么？箭头函数不能作为构造函数箭头函数没有 argu

偏执的太偏执、/ 2023年10月06日 22:16/ 0 赞/ 62 阅读

相关 ECMAScript6-ES6箭头函数：箭头函数语法、箭头函数里的this指向

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。一、通常函数的定义方法 var fn1 = function(a, b) {

谁践踏了优雅/ 2023年10月05日 19:05/ 0 赞/ 29 阅读

相关 JavaScript ES6语法之箭头函数及其this指向问题

箭头函数所谓的箭头函数是函数的另一种语法形式。语法规则 const fun = function(){} 普通函数 const fun

墨蓝/ 2023年07月24日 08:12/ 0 赞/ 1 阅读

相关 javascript 箭头函数的this指向

使用箭头函数时的注意事项箭头函数有几个使用注意点。 1. 函数体内的 `this` 对象，就是函数被定义时所在的对象，而不是使用时所在的对象（无法使用`bind`,

左手的ㄟ右手/ 2022年12月18日 10:57/ 0 赞/ 275 阅读

相关了解JavaScript中的箭头函数

The author selected the [COVID-19 Relief Fund][] to receive a donation as part of the [W

不念不忘少年蓝@/ 2022年11月28日 15:23/ 0 赞/ 335 阅读

相关 javascript 箭头函数获取参数列表

> 箭头函数中无法使用 `arguments` 获取函数参数。 > 可以使用ES6的解构语法来代替。 let func = (...args) => {

喜欢ヅ旅行/ 2022年11月21日 09:47/ 0 赞/ 228 阅读

相关 Javascript中的箭头函数

ES6中的箭头函数实例化的函数的对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方都可以使用箭头函数。 let sum1 = functi

秒速五厘米/ 2022年10月22日 12:00/ 0 赞/ 217 阅读

相关 javascript es6 箭头函数简介

基本用法 ES6 允许使用“箭头”（=>）定义函数。 var f = v => v; 上面的箭头函数等同于： var f = function (v)

男娘i/ 2021年09月01日 07:34/ 0 赞/ 437 阅读

相关 JavaScript之箭头函数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...

灰太狼/ 2021年05月03日 05:50/ 0 赞/ 532 阅读

相关 JavaScript箭头函数语法小结

JavaScript箭头函数语法小结 1.没有参数时 var demo = function（）{ } 相当于： var demo = () => { } 2.只有一个参数时

朱雀/ 2020年06月21日 14:41/ 0 赞/ 792 阅读