多语言展示
当前在线:1863今日阅读:19今日分享:20

如何JavaScript查看使用箭头函数非箭头函数区别

在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中定义类的区别

推荐信息