箭头函数的基本使用及特性
程序员文章站
2023-12-21 23:49:04
...
箭头函数:也是一种定义函数的方式,新潮的函数写法
优点:适当的省略函数中的 function和return关键字
缺点:代码可读性减弱,阅读时间花费多
注:箭头函数需注意部分
1,箭头函数不能用new
2,箭头函数如果返回值是一个对象,一定要加()
普通:
const show = () => {
}
返回值为对象:
const show = () => ({
})
3,箭头函数中的this指向的是上一层函数的主人
箭头函数this问题:
匿名函数中的this是window,而箭头函数中的this会往外找,如果外层是匿名函数那就是this,如果外层还是箭头函数,那就再往外找
箭头函数指向外层的this,外层this是function的this 指向window
let person = {
username:'钢铁侠',
// show: function(){
// alert(person.username)
// alert(this.username)
// //此处两者alert指向同一个
// }
show: () => {
alert(person.username)
alert(this.username)
//此处this指向window
}
}
es6中的箭头函数格式:
const ccc = (参数列表) => {
}
放入两个参数需带()
const sum = (num1,num2) => {
return num1+num2
}
放入一个参数不需要带()
const power = num => {
return num *num
}