多语言展示
当前在线:575今日阅读:86今日分享:14

如何使用和区别JavaScript中ES5和ES6默认设置值

在JavaScript中的ES5中,如果给一个函数的参数设置一个默认值,使用变量||和默认值;而在ES6中,如果要在函数中设置默认值,可以直接在小括号上设置默认值。下面利用实例说明两者的区别,操作如下:
工具/原料
1

ES5

2

ES6

3

JavaScript

4

HTML5

5

HBuilderX

6

浏览器

7

截图工具

方法/步骤
1

第一步,新建一个JavaScript文件,使用ES5标准定义一个函数queryColor,传入参数color和type,使用||设置默认值,如下图所示:

2

第二步,定义一个变量c,调用函数queryColor,不传入参数,并打印结果,如下图所示:

3

第三步,将已编写好的JavaScript引入到页面中,然后保存查看效果,如下图所示:

4

第四步,打开浏览器查看效果,可以看到打印结果,根据实际需求打印,如下图所示:

5

第五步,再使用ES6标准,定义函数saveData,传入date和type参数,直接在小括号设置默认值,如下图所示:

6

第六步,再次保存代码并打开控制台查看结果,可以查看到展示日期和日期类型,如下图所示:

注意事项
1

注意ES5和ES6中的区别和特有的属性

2

注意ES5和ES6如何设置函数中的参数(默认值)

推荐信息