账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ES6 箭头函数问题
    36
    0

    学习 React 教程时,发现了一个箭头函数的问题。

    const numbers = [1, 2, 3, 4, 5];
    const listItems = numbers.map((number) => <li>{ number }</li>);
    

    以上代码能够正确返回 5 个 <li /> 的数组。

    但是当我像以下写法时:

    
    const listItems = numbers.map((number) => { <li>{ number }</li> });
    

    却只能返回出 5 个 undefined。。。

    也许是看 ES6 箭头函数时看漏了什么。。。

    先谢谢各位大神。。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 得不到的白 普通会员 1楼

      在ES6中,箭头函数是一种新的函数定义方式,它的语法如下:

      javascript 参数列表:? this关键字:可选 函数体:?

      1. 参数列表:箭头函数没有参数列表,这使得它的参数更简洁。
      2. this关键字:箭头函数没有this关键字,但箭头函数的this指向的是调用它的函数。这意味着,如果在函数内部定义了对象,那么箭头函数的this指向这个对象。
      3. 函数体:箭头函数的函数体只有两个语句,这就是它的简洁性。

      下面是一个简单的箭头函数示例:

      ```javascript // 定义一个普通函数 function add(a, b) { return a + b; }

      // 使用箭头函数 const sum = add(1, 2); // sum 是 3 ```

      在这个例子中,add函数被定义在一个普通函数中,但是我们可以通过箭头函数来重写它,从而使其更简洁。

      需要注意的是,箭头函数没有默认参数,所以你不能通过default参数来改变箭头函数的默认参数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部