ES6-模块

以你之姓@ 2022-05-15 07:55 248阅读 0赞

**1. 模块化的标准**

（1）commonJS标准（node.js采用）

（2）AMD标准（require.js采用）

（3）ES6模块

**2. 定义模块**

export，可以export任意类型的数据

**3.引入模块**

import，可以起别名

index.html

<script type="module">
    	//引入模块
    	// import {lastName,firstName,getJson} from "./module01.js";
    
    	//同样将lastName起个别名
    	import {lastName,firstName as name,getJson} from "./module01.js";
    	console.log(name);
    	console.log(lastName);//Jack
    	getJson();//getJson
    
    	//第二种：js写法
    	import {Point,demo,obj} from "./module02.js";
    	demo();//demo
    	console.log(obj);//第二种demo
    	new Point();
    
    	//第三种：在js中起别名
    	import myobj from "./module03.js";
    	console.log(myobj);//Object { name: "", age: "", getInfo: getInfo() }
    
    </script>

module01.js

export var lastName = "Jack";
    export var firstName = "Bob";
    export function getJson(){
    	console.log("getJson");

module02.js

class Point{
    }
    function demo(){
    	console.log("第二种demo");
    }
    let obj = {name : "xiaohong"}
    export {Point,demo,obj}

module03.js

//对象
    let obj = {
    	name: "",
    	age: "",
    	getInfo:function(){
    	}
    }
    // export{obj as myobj};
    // 这时html中：import {myobj} from "./module03.js";
    
    //同样还可以这样写
    export default obj;
    // 这时html中：import myobj from "./module03.js";

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript ES6 模块

JavaScript ES6 模块是 JavaScript 语言的一项新功能，它允许你将代码分割成单独的文件，并使用 import 和 export 关键字在文件之间进行输入/

约定不等于承诺〃/ 2024年03月25日 15:50/ 0 赞/ 100 阅读

相关 JavaScript ES6 模块

JavaScript ES6 模块是 JavaScript 语言的一项新功能，它允许你将代码分割成单独的文件，并使用 import 和 export 关键字在文件之间进行输入/

不念不忘少年蓝@/ 2024年03月25日 11:34/ 0 赞/ 75 阅读

相关 Es6 模块化

默认导出与导入 // 创建了一个js文件，文件名module let a = 10; let b = 20; let c = 30;

超、凢脫俗/ 2022年12月06日 12:55/ 0 赞/ 215 阅读

相关 JS模块化6_ES6模块化教程

ES6-Babel-Browserify模块化教程 0. ES6模块化语法暴露模块： - 分别暴露：export 暴露内容 - 统一暴

偏执的太偏执、/ 2022年09月12日 15:56/ 0 赞/ 236 阅读

相关 ES6模块化

文章目录一、模块化说明二、引入模块数据语法三、Babel的使用一、模块化说明模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小

r囧r小猫/ 2022年09月07日 14:59/ 0 赞/ 242 阅读

相关 ES6-模块

1. 模块化的标准（1）commonJS标准（node.js采用）（2）AMD标准（require.js采用）（3）ES6模块 2. 定义模块 export，可

以你之姓@/ 2022年05月15日 07:55/ 0 赞/ 249 阅读

相关 ES6 模块化

1/ 定义模块方法一：(对应的引入方法二) export const a = 1; export const b = 2; export l

男娘i/ 2022年04月13日 06:13/ 0 赞/ 320 阅读

相关 ES6系列学习（6）模块、Babel、Polyfill、ES6继承

1.ES6模块 //config.js export const apiKey = 'abc123'; export const age = 12;

缺乏、安全感/ 2022年02月13日 15:55/ 0 赞/ 1112 阅读

相关 ES6--模块

概述在 ES6 前，实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库，和基于 CMD 规范的模块化库）。 ES6 引入

末蓝、/ 2021年08月13日 21:31/ 0 赞/ 444 阅读

相关 es6 es6规范模块打包es6语法js文件、模块导出导入

ES6 基于Babel、browserify模块化打包 1、生成package.json文件, npm init； name不能为大写和中

- 日理万妓/ 2021年07月24日 23:49/ 0 赞/ 547 阅读