首页 > 软件开发 > JavaScript >

如何简化JavaScript写法

来源:互联网 2023-03-17 00:47:32 262

在ES5标准中,JavaScript同名变量名、对象名,需要一对一;而在ES6中,同名的变量名、对象名,可以简化。下面利用实例说明,有兴趣的小伙伴看一下S0X办公区 - 实用经验教程分享!

如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • Node.js插件
  • JavaScript
  • ES6

方法/步骤

  • 1

    定义两个常量yhd和nam,然后赋值给对象obj,赋值时直接使用yhd,而不是yhd:yhd;接着打印对象obj中的属性S0X办公区 - 实用经验教程分享!

    如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

  • 2

    保存代码并使用Node.js插件运行,查看控制台打印结果,显示为常量yhd和nam的值S0X办公区 - 实用经验教程分享!

    如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

  • 3

    定义三个变量值age、sex和name,赋值给对象person,然后依次打印对象的属性值S0X办公区 - 实用经验教程分享!

    如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

  • 4

    再次保存并运行JS文件,可以查看打印结果为三个变量的值S0X办公区 - 实用经验教程分享!

    如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

  • 4该信息非法爬取自百度经验
  • 5

    接着,定义一个函数showData,然后声明三个常量,赋值并返回对象,进行简化S0X办公区 - 实用经验教程分享!

    如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

  • 6

    再次保存代码并运行,查看打印结果;显示的结果为x,y和z的值S0X办公区 - 实用经验教程分享!

    如何简化JavaScript写法S0X办公区 - 实用经验教程分享!

  • 注意事项

    • 注意如何在ES6中实现对象的扩展
    • 注意比较ES5和ES6的不同之处

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


    标签: JAVASCRIPT

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