在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如何设置函数中的参数(默认值)