几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 526 JAVASCRIPT 鼠标
如何使用ES6中的模块化在页面引入另一个模块
来源：互联网
2023-03-16 23:58:14 232
在JavaScript新标准ES6中，有一个重要的新增功能----模块化，可以在页面中直接引入一个模块，也可以在一个JS文件引入另一个模块（JS文件）。下面利用一个具体的实例说明如何引入自定义的模块，操作如下：
工具/原料
- JavaScript
- ES6
- HTML5
- HBuilder
- 浏览器
- 截图工具
方法/步骤
第一步，双击打开HBuilder编辑工具，新建一个JS文件person.js，并定义一个class，有构造函数和方法showUserName，传入一个参数name，如下图所示：
第二步，再新建一个静态页面，使用HTML5模板文件person.html，如下图所示：
第三步，返回到person.js文件，修改这个文件的showUserName，去掉传入的参数name，使用console.log()打印name，如下图所示：
第四步，在HTML5静态页面，使用import导入person.js，直接调用showUserName，在浏览器中预览效果，出现了报错，如下图所示：
第五步，再在person.js文件中，修改了showUserName方法代码，返回name；使用export关键字导出，如下图所示：
第六步，在静态页面中，new一个person类，顺便调用Person类中的方法，获取打印结果，如下图所示：
注意事项
- 注意模块化时需要用到export和import
- 注意在JS定义类的方法和类构造器
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
上一篇：如何使用ES6的规范定义类和继承类 下一篇：流程控制语句js
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 254 JAVASCRIPT
- 详细阅读