update: 添加 module 示例源码

YHRkki · Nov 13, 2018 · b459941 · b459941
1 parent 5ed1bd7
commit b459941
Show file tree

Hide file tree

Showing 22 changed files with 2,390 additions and 0 deletions.
diff --git a/demos/ES6/module/ES6/index.html b/demos/ES6/module/ES6/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>ES6</title>
+    </head>
+    <body>
+        <h1>Content</h1>
+        <script src="vender/main.js" type="module"></script>
+    </body>
+</html>
diff --git a/demos/ES6/module/ES6/vender/add.js b/demos/ES6/module/ES6/vender/add.js
@@ -0,0 +1,7 @@
+console.log('加载了 add 模块')
+
+var add = function(x, y) {
+    return x + y;
+};
+
+export {add}
diff --git a/demos/ES6/module/ES6/vender/main.js b/demos/ES6/module/ES6/vender/main.js
@@ -0,0 +1,5 @@
+import {add} from './add.js';
+console.log(add(1, 1))
+
+import {square} from './square.js';
+console.log(square(3))
diff --git a/demos/ES6/module/ES6/vender/multiply.js b/demos/ES6/module/ES6/vender/multiply.js
@@ -0,0 +1,7 @@
+console.log('加载了 multiply 模块')
+
+var multiply = function(x, y) {　
+    return x * y;
+};
+
+export {multiply}
diff --git a/demos/ES6/module/ES6/vender/square.js b/demos/ES6/module/ES6/vender/square.js
@@ -0,0 +1,9 @@
+console.log('加载了 square 模块')
+
+import {multiply} from './multiply.js';
+
+var square = function(num) {　
+    return multiply(num, num);
+};
+
+export {square}
diff --git a/demos/ES6/module/commonJS/add.js b/demos/ES6/module/commonJS/add.js
@@ -0,0 +1,7 @@
+console.log('加载了 add 模块')
+
+var add = function(x, y) {　
+    return x + y;
+};
+
+module.exports.add = add;
diff --git a/demos/ES6/module/commonJS/main.js b/demos/ES6/module/commonJS/main.js
@@ -0,0 +1,5 @@
+var add = require('./add.js');
+console.log(add.add(1, 1))
+
+var square = require('./square.js');
+console.log(square.square(3))
diff --git a/demos/ES6/module/commonJS/multiply.js b/demos/ES6/module/commonJS/multiply.js
@@ -0,0 +1,7 @@
+console.log('加载了 multiply 模块')
+
+var multiply = function(x, y) {　
+    return x * y;
+};
+
+module.exports.multiply = multiply;
diff --git a/demos/ES6/module/commonJS/square.js b/demos/ES6/module/commonJS/square.js
@@ -0,0 +1,10 @@
+console.log('加载了 square 模块')
+
+var multiply = require('./multiply.js');
+
+
+var square = function(num) {　
+    return multiply.multiply(num, num);
+};
+
+module.exports.square = square;
diff --git a/demos/ES6/module/requirejs/index.html b/demos/ES6/module/requirejs/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>require.js</title>
+    </head>
+    <body>
+        <h1>Content</h1>
+        <script data-main="vender/main" src="vender/require.js"></script>
+    </body>
+</html>
diff --git a/demos/ES6/module/requirejs/vender/add.js b/demos/ES6/module/requirejs/vender/add.js
@@ -0,0 +1,12 @@
+define(function() {
+
+	console.log('加载了 add 模块')
+
+    var add = function(x, y) {　
+        return x + y;
+    };
+
+    return {　　　　　　
+        add: add
+    };
+});
diff --git a/demos/ES6/module/requirejs/vender/main.js b/demos/ES6/module/requirejs/vender/main.js
@@ -0,0 +1,4 @@
+require(['./add', './square'], function(addModule, squareModule) {
+    console.log(addModule.add(1, 1))
+    console.log(squareModule.square(3))
+});
diff --git a/demos/ES6/module/requirejs/vender/multiply.js b/demos/ES6/module/requirejs/vender/multiply.js
@@ -0,0 +1,12 @@
+define(function() {
+
+	console.log('加载了 multiply 模块')
+
+    var multiply = function(x, y) {　
+        return x * y;
+    };
+
+    return {　　　　　　
+        multiply: multiply
+    };
+});