首页 > 软件开发 > JavaScript >

JavaScript之ES模块化

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

JavaScript之ES模块化taj办公区 - 实用经验教程分享!

工具/原料

  • vs code - Visual Studio Code
  • 插件live server

方法/步骤

  • 1

    用vs code编辑器,先安装插件live server;taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 2

    安装live server,鼠标右键打开html文件;taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 3

    从live server打开后会自带域名,相当打开一个简单的服务器;taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 4

    ES模块化只能在服务器环境下使用,单独打开浏览器是会报错的;taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 5

    html文件中script标签类型:type="module"必须写;taj办公区 - 实用经验教程分享!

    taj办公区 - 实用经验教程分享!

    scripttype="module">/script>taj办公区 - 实用经验教程分享!

    taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 6

    用import引入js模块:import 变量名 from"模块路径";taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 7

    js模块文件用exportdefault输出,注意一个文件只能有一个exportdefaulttaj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 7此文章未经许可获取自百度经验
  • 8

    js模块中可以用export设置多个变量,html中导入必须用{}解构出来才行,且变量名必须一致;taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 9

    但是我们可以用as来重新命名;{basname}taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

  • 10

    可以通过通配符*号全部导出:*asobj;taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

    JavaScript之ES模块化taj办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPT

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