JS中箭头函数写法及5种简写规则

ES6箭头函数的引入，使函数的写法变的更加简洁。箭头函数没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。

普通函数的书写

function test(zjcopy) {  //声明式写法 console.log(zjcopy)
}
test('hello')

或者

let test2 = function(zjcopy) {  //赋值式写法 console.log(zjcopy)
}
test2('Good')

箭头函数的书写 ()=>{}

const test = (zjcopy) => { console.log(zjcopy)
}
test('hello')

箭头函数简写规则：

（1）箭头函数只能用赋值式写法，不能用声明式写法
（2）如果参数只有一个，可以不加括号，如果没有参数或者参数多于一个就需要加括号

（3）如果函数体只有一句话，可以省略函数体大括号
（4）箭头函数返回对象时，省略大括号，用小括号括起来。

（5）如果函数体只有一句话，并且这一句话是return 返回值那return也要省略

const add1=function(p1,p2){
return p1 + p2;
}
add1(3, 4) const add2 = (p1, p2) =>p1 + p2
add2(10, 25)

（6）如果函数不是一句话,不能省略这个大括号

const add1=function(p1,p2){
console.log(p1);  //3
return p1 + p2;  //7
}
add1(3, 4) const add2 = (p1, p2) =>{
console.log(p2);   //25
return p1 + p2;   //35
}
add2(10, 25)

JS中箭头函数写法及5种简写规则相关推荐

JS中箭头函数和普通函数的五种区别
区别一:this关键字的指向在普通函数中this指向调用这个函数的对象. 在构造函数中,this指向对象的实例. 在箭头函数中,没有this关键字,但是可以捕获上下文中的this用在箭头函数内部,并 ...
js中箭头函数和普通函数区别
一.箭头函数和普通函数箭头函数相当于匿名函数,并且简化了函数定义. 箭头函数有两种格式,一种只包含一个表达式,连{ - }和return都省略掉了. 还有一种可以包含多条语句,这时候就不能省略{ - ...
JS中箭头函数详解=
箭头函数表达式的语法比函数表达式短,并且不绑定自己的 this,arguments,super或 new.target.此外,箭头函数总是匿名的.这些函数表达式最适合非方法函数,它们不能用作构造函数. ...
java js中 function函数报错_浅析JS中对函数function的理解(基础篇)
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
Js中匿名函数的理解
目录 1.js中匿名函数的N种写法最常见的用法: 2.JavaScript 匿名函数及闭包 2.1 匿名函数 2.1.1 函数的定义 2.1.2 匿名函数的创建 2.2 闭包 2.3 举例 2.4 ...
JS OOP -02 深入认识JS中的函数
深入认识JS中的函数: 1.概述,认识函数对象 2.函数对象和其他内部对象的关系 3.将函数作为参数传递 4.传递给函数的隐含参数:arguments 5.函数的apply,call方法和length ...
JS中Promise函数then的奥秘探究
JS中Promise函数then的奥秘探究 Promise概述 Promise对象是CommonJS工作组提出的一种规范,目的是为异步操作提供统一接口. 那么,什么是Promises? 首先,它是一个 ...
ES6中箭头函数解释
箭头函数任何可以书写匿名函数的位置,都可以书写箭头函数箭头函数将会绑定this为函数书写位置的this值模块化(nodejs带来的模块化) 没有模块化的世界:全局变量污染,难以管理常见的模块化 ...
谈谈JS中的函数劫持
说到劫持,第一反应可能是什么不好的东西.函数劫持并不邪恶,关键是看使用的人.虽然这个概念在前端领域使用较少,但是在安全领域.自定义业务等场景下还是有一定的使用价值的.所以,这一篇文章将会和大家一起去了 ...

JS中箭头函数写法及5种简写规则

普通函数的书写

箭头函数简写规则：

JS中箭头函数写法及5种简写规则相关推荐

最新文章

热门文章