JS:ES6-4 简化对象与箭头函数

简化对象代码示例:





简化对象写法






箭头函数 概述:ES6允许使用箭头(=>)定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿 名函数的定义;

 一、箭头函数形式简洁:

  • 如果没有参数,就直接写一个小括号即可
  • 如果形参只有一个,则小括号可以省略;
  • 如果函数体只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果;
  • 如果函数体不需要返回值,且只有一句话,可以给这个语句前面加一个void关键字

        最常见的就是调用一个函数:let fn = () => void doesNotReturn();

 二、箭头函数注意点:​​​​​​​

1. 箭头函数没有自己的this:

        其 this 继承自声明时所在作用域下 this 的值; 

        箭头函数继承来的this指向永远不会改变(call()、apply()、bind()等方法不能改变箭头函数中this的指向)

2. 箭头函数不能作为构造函数实例化,因为没有prototype

3. 不能使用 arguments;

4. 箭头函数不能用作Generator函数不能使用yeild关键字

代码演示及相关说明: 





箭头函数






练习:





箭头函数的实践和应用场景







你可能感兴趣的:(ES6,--,11,javascript,前端,开发语言,es6)