es6 方法模板渲染

 时间:2026-04-30 22:18:02

1、打开HBuilderX开发工具,在Web项目的pages目录下,新建页面a3.html,并引入jquery

es6 方法模板渲染

2、在<body></body>标签中,插入一个div标签,并添加label标签,设置id属性

es6 方法模板渲染

3、在script标签中,jquery初始化函数中,调用html()方法,使用es5原始拼接字符串添加标签元素

es6 方法模板渲染

4、保存代码并运行文件,在浏览器查看界面显示效果,如下图所示

es6 方法模板渲染

5、将拼接字符串中的双引号和加号去掉,使用反向单引号拼接字符串,效果跟第四步是一样的

es6 方法模板渲染

6、定义一个对象obj并添加属性,在拼接字符串中调用obj对象的属性

es6 方法模板渲染

7、再次保存代码并刷新浏览器,可以看到获取到对象中的属性

es6 方法模板渲染

8、再定义对象point,包含两个属性x和y;然后在拼接的字符串中,调用对象point的属性进行加法运算

es6 方法模板渲染

9、保存代码文件并刷新浏览器,可以在界面上看到计算后的结果值

es6 方法模板渲染

  • ES6前后面向对象写法对比
  • es6新增数组方法
  • 如何使用ES6中的新增的特性和功能定义函数方法
  • 如何使用ES6中的方法比较对象和合并对象显示
  • ES6新特性——对象拓展
  • 热门搜索
    腊八粥怎么做 花怎么画 腐竹的做法大全 炒粉的做法大全 酱鸡脖子的家常做法 虾的做法 龙虾的做法大全 清蒸鲳鱼的做法 论文怎么写 清炖排骨的家常做法