JS模块化写法

迷南。 2022-03-17 10:29 272阅读 0赞

现代的模块机制,理解它,你也可以写出自己的库,还可以后面动态添加

var MyModules = (function Manager() {
    	var modules = {};
    	function define(name, deps, impl) {
    		for (var i = 0; i < deps.length; i++) {
    			console.log(deps,"111")
    			deps[i] = modules[deps[i]];
    		}
    		modules[name] = impl.apply(impl, deps);
    	}
    
    	function get(name) {
    		console.log(modules)
    		return modules[name];
    	}
    	return {
    		define: define,
    		get: get
    	};
    })();
    
    MyModules.define("bar", [], function() {
    	console.log(this)
    	function hello(who) {
    		return "Let me introduce: " + who;
    	}
    	return {
    		hello: hello
    	};
    });
    MyModules.define("foo", ["bar"], function(bar) {
    	var hungry = "hippo";
    
    	function awesome() {
    		console.log(bar.hello(hungry).toUpperCase());
    	}
    	return {
    		awesome: awesome
    	};
    });
    var bar = MyModules.get("bar");
    var foo = MyModules.get("foo");
    console.log(
    	bar.hello("hippo")
    ); 
    foo.awesome();

当然ES6提供了更加简洁的写法,那就是  
a.js  
exexport xxx;  
b.js  
import hello from “a”;

发表评论取消回复

表情：

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

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

相关阅读

相关 JS 模块化 - Common JS 模块化规范

1 Common JS 介绍 Common JS 是模块化规范之一。每个文件都是一个作用域，文件里面定义的变量/函数都是私有的，对其他模块不可见。Common JS 规范

谁践踏了优雅/ 2024年04月06日 12:02/ 0 赞/ 53 阅读

相关 JS模块化

简介 js目前的主流模块化有CommonJS、AMD、CMD（阿里员工开发，但已经卖给国外，只需要做了解）、ES6规范。 CommonJS 首先是用在服务器端（N

梦里梦外;/ 2023年07月10日 08:24/ 0 赞/ 3 阅读

相关 Javascript模块化编程（一）：模块的写法

随着网站逐渐变成"[互联网应用程序][Link 1]"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 ![bg2012102601.jpg][] 网页越来越像

谁借莪１个温暖的怀抱￠/ 2022年08月14日 05:45/ 0 赞/ 186 阅读

相关 Javascript模块化编程（一）：模块的写法

转自：http://www.ruanyifeng.com/blog/2012/10/javascript\_module.html 随着网站逐渐变成"[互联网应用程序][Li

傷城~/ 2022年08月01日 03:06/ 0 赞/ 206 阅读

相关 Javascript模块化编程（一）：模块的写法

随着网站逐渐变成"[互联网应用程序][Link 1]"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 ![bg2012102601.jpg][] 网页越来越像

太过爱你忘了你带给我的痛/ 2022年04月16日 01:54/ 0 赞/ 248 阅读

相关 JS模块化写法

现代的模块机制,理解它,你也可以写出自己的库,还可以后面动态添加 var MyModules = (function Manager() { var mod

迷南。/ 2022年03月17日 10:29/ 0 赞/ 273 阅读

相关 JS通用模块写法

模块化这个问题并非一开始就存在，WWW刚刚问世的时候，html，JavaScript，CSS（JS和CSS都是后来在网景被引进浏览器的）都是极其简单的存在，不需要模块化。模

谁借莪１个温暖的怀抱￠/ 2021年12月15日 04:43/ 0 赞/ 242 阅读

相关 JS模块化

js模块化 js模块化进化史 1.简单封装 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

亦凉/ 2021年07月25日 01:25/ 0 赞/ 578 阅读

相关 JS模块化

一模块化简介 1 模块化产生的背景随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 Javascript模块化编

梦里梦外;/ 2021年07月24日 14:23/ 0 赞/ 481 阅读

相关 js模块化

*CMD模块定义规范** 经常使用的 API 只有 `define`, `require`, `require.async`, `exports`,`module.exp...

朱雀/ 2020年06月25日 08:56/ 0 赞/ 877 阅读