Node.js模块格式在浏览器中的尝试

开发 前端
前面提到Node.js有一套简洁的格式写模块,它遵循的就是 Moudles。浏览器里的JavaScript呢? 尽管语言本身暂不支持模块,但可以用现有的API包装一个写法出来。

前面提到Node.js有一套简洁的格式写模块,它遵循的就是 Moudles。

浏览器里的JavaScript呢? 尽管语言本身暂不支持模块,但可以用现有的API包装一个写法出来。

毫无疑问,首先想到的是Node.js的Modules格式,它是***的效仿对象。因为前后端有一个统一的方式写JS模块岂不乐哉!

但一开始就有碰到一些难题

1,服务器端JS模块文件就在本地,浏览器端则需要通过网络请求。

2,服务器端可以很容易的实现同步或异步请求模块,浏览器端则问题多多。

如下

  1. var event = require("event");  
  2.    
  3. event.bind(el, 'click'function() {  
  4.     // todo  
  5. }); 

这段代码中require如果是异步执行的,则event.bind的执行有可能会出错。

那实现同步的require不就行了吗?

的确可以使用 XHR 实现同步载入模块JS文件。但XHR的缺点也是明显的,它不能跨域,这点让人很难接受,因为有些场景需要模块部署在不同的服务器。

那只能通过script tag来实现模块加载了!

但script tag默认就是异步的,要实现Node.js的一模一样风格(Modules)很难,几乎是不可能。

这时,又一模块格式出现了:Modules/Wrappings ,顾名思义包裹的模块。该规范约定如下

1,定义模块用module变量,它有一个方法declare

2,declare接受一个函数类型的参数,如称为factory

3,factory有三个参数分别为require、exports、module

4,factory使用返回值和exports导出API

5,factory如果是对象类型,则将该对象作为模块输出

描述有拗口,代码却很简单,使用了一个function包裹模块(Node.js模块则无需包裹)。

一个基本的模块定义

  1. module.declare(function(require, exports, module)  
  2. {  
  3.     exports.foo = "bar";   
  4. }); 

直接使用对象作为模块

  1. module.declare(  
  2. {  
  3.     foo: "bar" 
  4. }); 

Modules/Wrappings的出现使得浏览器中实现它变得可能,包裹的函数作为回调。即使用script tag作为模块加载器,script完全下载后去回调,回调中进行模块定义。

好了,截止目前我们已经看到了两种风格的模块定义:Modules Modules/Wrappings

CommonJS Modules有1.0、1.1、1.1.1三个版本。

Node.js、SproutCore实现了 Modules 1.0。

SeaJS、AvocadoDB、CouchDB等实现了Modules 1.1.1。

SeaJS、FlyScript实现了Modules/Wrappings。

注:

1,SeaJS未实现全部的 Modules 1.1.1。如require函数的main,paths属性在SeaJS中没有。但SeaJS给require添加了async、resolve、load、constructor。

2,SeaJS没有使用 Modules/Wrappings 中的module.declare定义模块,而是使用define函数(看起来象AMD中的define,实则不然)。

原文:http://www.cnblogs.com/snandy/archive/2012/03/09/2386092.html

【编辑推荐】

  1. Node.js vs Opa: Web框架杀手
  2. 关于Node.js:PHP开发人员应了解的5点
  3. 使用Node.js搭建最简单的comet原型
  4. Node.js后端框架设计构想
  5. 走近Node.js的异步代码设计
责任编辑:陈贻新 来源: Snandy的博客
相关推荐

2022-01-04 21:36:33

JS浏览器设计

2020-04-15 15:48:03

Node.jsstream前端

2020-09-15 08:26:25

浏览器缓存

2021-12-08 07:55:41

EventLoop浏览器事件

2020-12-08 06:28:47

Node.js异步迭代器

2021-09-03 13:42:54

Node.js异步性能

2021-09-26 05:06:04

Node.js模块机制

2021-12-01 00:05:03

Js应用Ebpf

2021-03-04 23:12:57

Node.js异步迭代器开发

2019-12-17 11:40:44

Node.js模块前端

2023-06-30 23:25:46

HTTP模块内存

2017-04-10 13:28:32

Node.jsJavaScript

2021-08-20 09:00:00

Node.js开发API

2012-03-12 16:23:01

javascript

2012-02-10 10:03:51

Node.js

2014-03-07 13:43:32

Node.jsNode

2011-12-09 11:16:48

Node.js

2022-01-11 17:23:12

配置Node.jsNode

2024-01-05 08:49:15

Node.js异步编程

2021-05-21 09:36:42

开发技能代码
点赞
收藏

51CTO技术栈公众号