commonJS 浏览器实现

最新推荐文章于 2024-09-05 17:58:53 发布

weixin_34354945

最新推荐文章于 2024-09-05 17:58:53 发布

阅读量354

点赞数

文章标签： javascript java ruby ViewUI

commonjs

http://www.commonjs.org/

CommonJS

JavaScript is a powerful object oriented language with some of the fastest dynamic language interpreters around. The official JavaScript specification defines APIs for some objects that are useful for building browser-based applications. However, the spec does not define a standard library that is useful for building a broader range of applications.

The CommonJS API will fill that gap by defining APIs that handle many common application needs, ultimately providing a standard library as rich as those of Python, Ruby and Java. The intention is that an application developer will be able to write an application using the CommonJS APIs and then run that application across different JavaScript interpreters and host environments. With CommonJS-compliant systems, you can use JavaScript to write:

Server-side JavaScript applications
Command line tools
Desktop GUI-based applications
Hybrid applications (Titanium, Adobe AIR)

使用满足commonjs API书写的程序，可以运行在不同的解析器和宿主环境中。使用符合commonjs的系统，你可以使用js写：

1、服务器段程序

2、命令行程序

3、桌面GUI程序

4、混合程序

http://arstechnica.com/business/2009/12/commonjs-effort-sets-javascript-on-path-for-world-domination/

CommonJS is a growing collection of standards, including

Modules
Binary strings and buffers
Charset encodings
Binary, buffered, and textual input and output (io) streams
System process arguments, environment, and streams
File system interface
Socket streams
Unit test assertions, running, and reporting
Web server gateway interface, JSGI
Local and remote packages and package management

So far, CommonJS has converged on specifications for modules (1.1), a system module (1.0), and a unit testing API (1.0).

模块规范：

http://wiki.commonjs.org/wiki/Modules/1.1.1

math.js

exports.add = function() { var sum = 0, i = 0, args = arguments, l = args.length; while (i < l) { sum += args[i++]; } return sum; };

increment.js

var add = require('math').add; exports.increment = function(val) { return add(val, 1); };

program.js

var inc = require('increment').increment; var a = 1; inc(a); // 2   module.id == "program";

http://www.ruanyifeng.com/blog/2015/05/commonjs-in-browser.html

浏览器端模拟库

https://github.com/efacilitation/commonjs-require

browser-side CommonJS require() function.

<html>
<head> 
<script src="commonjs-require.js"></script>
<script>
require.register("module", function(exports, require, module){
  /* Some Module content */
  module.exports = "content"
})
console.log(require('module'))
</script>

        <style>

        </style>
</head> 
<body>
        <h1>hello world!</h1>
</body>
</html>