欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

箭头函数的基本使用及特性

程序员文章站 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
        }

上一篇:

下一篇: