在ES6标准中,函数中新增一个特性箭头函数,箭头函数精简了函数的写法,可以直接将有返回值的函数写成=>。其中,箭头函数还可以带有参数。如果函数写成箭头函数和非箭头函数,它们的区别是什么?下面利用实例说明,操作如下:
工具/原料
1
ES6
2
JavaScript
3
HTML5
4
HBuilderX
5
浏览器
6
截图工具
方法/步骤
1
第一步,在已新建的JS文件中,定义一个常量cal,这个常量中有个数组a,函数p,其中函数p使用箭头函数的写法,如下图所示:
2
第二步,利用常量点方法调用函数p,然后将结果赋值给变量result,并进行打印,如下图所示:
3
第三步,再次使用同样的方法定义常量buy,里面也有数组b和函数s,不过函数s不是使用箭头函数写法,如下图所示:
4
第四步,使用点方法调用函数s,并赋值给变量bu进行打印对应的值,如下图所示:
5
第五步,使用构造函数的写法,定义Bus类型,传入属性type;然后利用原型链,定义方法driver,如下图所示:
6
第六步,初始化对象b,调用new Bus(),然后调用定义的方法driver(),如下图所示:
注意事项
1
注意ES6中的箭头函数使用场景
2
注意ES5中定义类和ES6中定义类的区别