首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-17 00:00:41 版权归原作者所有,如有侵权,请联系我们

在JavaScript中的ES5中,如果给一个函数的参数设置一个默认值,使用变量||和默认值;而在ES6中,如果要在函数中设置默认值,可以直接在小括号上设置默认值。下面利用实例说明两者的区别,操作如下:mIQ办公区 - 实用经验教程分享!

如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

工具/原料

  • ES5
  • ES6
  • JavaScript
  • HTML5
  • HBuilderX
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,新建一个JavaScript文件,使用ES5标准定义一个函数queryColor,传入参数color和type,使用||设置默认值,如下图所示:mIQ办公区 - 实用经验教程分享!

    如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

  • 2

    第二步,定义一个变量c,调用函数queryColor,不传入参数,并打印结果,如下图所示:mIQ办公区 - 实用经验教程分享!

    如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

  • 3

    第三步,将已编写好的JavaScript引入到页面中,然后保存查看效果,如下图所示:mIQ办公区 - 实用经验教程分享!

    如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

  • 4

    第四步,打开浏览器查看效果,可以看到打印结果,根据实际需求打印,如下图所示:mIQ办公区 - 实用经验教程分享!

    如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

  • 5

    第五步,再使用ES6标准,定义函数saveData,传入date和type参数,直接在小括号设置默认值,如下图所示:mIQ办公区 - 实用经验教程分享!

    如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

  • 6

    第六步,再次保存代码并打开控制台查看结果,可以查看到展示日期和日期类型,如下图所示:mIQ办公区 - 实用经验教程分享!

    如何使用和区别JavaScript中ES5和ES6默认设置值mIQ办公区 - 实用经验教程分享!

  • 6此文章非法爬取自百度经验
  • 注意事项

    • 注意ES5和ES6中的区别和特有的属性
    • 注意ES5和ES6如何设置函数中的参数(默认值)

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!mIQ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号