美文网首页
ES6学习(14)模块化

ES6学习(14)模块化

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-05-16 09:39 被阅读0次
  1. ES6 之前的模块化规范有:
    1. CommonJS => NodeJS、Browserify;
    2. AMD => requireJS;
    3. CMD => seaJS;
  2. ES6模块化语法
    1. export 导出模块
    2. import 导入模块
  3. 分别暴露
export name ='tom';
export function sleep(){console.log('睡觉');}
....
import *as wxm from '....';
  1. 统一暴露
name ='tom';
function sleep(){console.log('睡觉');}
export {name,sleep}
  1. 默认暴露(后面可以不起名字)
export default {
  name :'tom';
  sleep(){console.log('睡觉');}
}
  1. 通用的导入方式
import *as wxm from '....';
  1. 解构赋值的方式
import {school,eat} from '....';
起别名
import {school as peiqi} from '....'
  1. 默认暴露的引入
import sleep from '....';

相关文章

  • ES6学习(14)模块化

    ES6 之前的模块化规范有:CommonJS => NodeJS、Browserify;AMD => requir...

  • 第4章 ES6模块化

    目标 模块化系统演进 ES6模块化实现 模块化概述 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 Co...

  • 第4章 ES6模块化

    目标 模块化系统演进 ES6模块化实现 模块化概述 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 Co...

  • 十二、模块化

    1、es6 2、闭包模块化

  • 如何在项目中使用webapck

    随着ES6的推进,从以往的CommonJS和AMD。到如今ES6中的module方案,前端模块化越来越成熟,模块化...

  • 前端模块化:ES6,CommonJS

    前端模块化 共有四种规范 ES6 Module CommonJS AMD CMD ES6 Module ES6模块...

  • ES6学习笔记(一)

    最近学习了ES6,被它更简洁的代码编写方式、面向对象以及模块化开发所吸引。ES6有一定的学习成本而且知识点比较琐碎...

  • 当import/export、require/module.ex

    ES6的模块化: import export default common.js的模块化: require mod...

  • ES6模块化

    模块化技术有哪些:- CommonJS(nodejs)、ES6模块化、AMD、CMD等 CommonJS:Comm...

  • JS-模块化

    ES6从官方标准带来了模块化开发规范。下面主要介绍ES6模块化开发当中最重要的export和import概念。 1...

网友评论

      本文标题:ES6学习(14)模块化

      本文链接:https://www.haomeiwen.com/subject/wbihurtx.html