我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

箭头函数的定义与调用

(前端小白)最近在看es6语法,所以简单的做下笔记,记下箭头函数的定义与调用方式

创新互联建站是一家专注于网站建设、网站设计与策划设计,兴山网站建设哪家好?创新互联建站做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:兴山等地区。兴山做网站价格咨询:028-86922220

1.无参数的箭头函数

const test = () => 1
    相当于
    function test(){
    return 1
    }

2.有参数的箭头函数

const test=(x,y)=>x+y

相当于
function test(x, y) {
return x + y
}

2.1箭头函数返回一个对象时,return 部分需要加个大括号如下:

  const test = (
    name,
    age
) => ({
    name: name,
    age: age
});

    test('zs',3)

2.3箭头函数简化回调函数
function test() {
setInterval(() => {
console.log('箭头函数')
}, 2000)
}
console.log(test())

    箭头函数让函数表达式更加简洁

当前标题:箭头函数的定义与调用
本文URL:http://shouzuofang.com/article/ghepop.html

其他资讯