Skip to content

Commit a81b579

Browse files
loianeloiane
committed
chapter 01: ES2015 modules
1 parent b2f6e3a commit a81b579

12 files changed

+376
-1
lines changed

‎examples/chapter01/17-Book.js

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
export default class Book {
2+
constructor(title) {
3+
this.title = title;
4+
}
5+
printTitle() {
6+
console.log(this.title);
7+
}
8+
}

‎examples/chapter01/17-CalcArea.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
export const circleArea = r => 3.14 * (r ** 2);
2+
3+
export const squareArea = s => s * s;
4+
5+
// export { circleArea, squareArea }; // {1}
6+
export { circleArea as circle, squareArea as square };

‎examples/chapter01/17-ES2015-ES6-Modules-node.js

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
const area = require('./lib/17-CalcArea');
2+
const Book = require('./lib/17-Book');
3+
4+
console.log(area.circle(2));
5+
console.log(area.square(2));
6+
7+
const myBook = new Book('some title');
8+
myBook.printTitle();

‎examples/chapter01/17-ES2015-ES6-Modules.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<title></title>
66
</head>
77
<body>
8-
<script type="text/javascript" src="17-ES2015-ES6-Modules.js"></script>
8+
<script type="module" src="17-ES2015-ES6-Modules.js"></script>
9+
<script nomodule src="./lib/17-ES2015-ES6-Modules-bundle.js"></script>
910
</body>
1011
</html>

‎examples/chapter01/17-ES2015-ES6-Modules.js

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
// @ts-check
2+
// import { circleArea, squareArea } from './17-CalcArea'; // {2}
3+
// import { circleArea as circle } from './17-CalcArea';
4+
5+
// console.log(circleArea(2));
6+
// console.log(squareArea(2));
7+
8+
/* Different way of importing the module */
9+
// import * as area from './17-CalcArea';
10+
// import Book from './17-Book';
11+
12+
import * as area from './17-CalcArea.js'; // we need the .js to run this code in the browser
13+
import Book from './17-Book.js';
14+
15+
console.log(area.circle(2));
16+
console.log(area.square(2));
17+
18+
const myBook = new Book('some title');
19+
myBook.printTitle();

‎examples/chapter01/17-ES2015-Modules-node/17-Book.mjs

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
export default class Book {
2+
constructor(title) {
3+
this.title = title;
4+
}
5+
printTitle() {
6+
console.log(this.title);
7+
}
8+
}

‎examples/chapter01/17-ES2015-Modules-node/17-CalcArea.mjs

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
export const circleArea = r => 3.14 * (r ** 2);
2+
3+
export const squareArea = s => s * s;
4+
5+
// export { circleArea, squareArea }; // {1}
6+
export { circleArea as circle, squareArea as square };

‎examples/chapter01/17-ES2015-Modules-node/17-ES2015-ES6-Modules.mjs

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import * as area from './17-CalcArea.mjs';
2+
import Book from './17-Book.mjs';
3+
4+
console.log(area.circle(2));
5+
console.log(area.square(2));
6+
7+
const myBook = new Book('some title');
8+
myBook.printTitle();

‎examples/chapter01/lib/17-Book.js

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(["module", "exports"], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(module, exports);
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod, mod.exports);
11+
global.Book = mod.exports;
12+
}
13+
})(this, function (module, exports) {
14+
"use strict";
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
function _classCallCheck(instance, Constructor) {
21+
if (!(instance instanceof Constructor)) {
22+
throw new TypeError("Cannot call a class as a function");
23+
}
24+
}
25+
26+
var _createClass = function () {
27+
function defineProperties(target, props) {
28+
for (var i = 0; i < props.length; i++) {
29+
var descriptor = props[i];
30+
descriptor.enumerable = descriptor.enumerable || false;
31+
descriptor.configurable = true;
32+
if ("value" in descriptor) descriptor.writable = true;
33+
Object.defineProperty(target, descriptor.key, descriptor);
34+
}
35+
}
36+
37+
return function (Constructor, protoProps, staticProps) {
38+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
39+
if (staticProps) defineProperties(Constructor, staticProps);
40+
return Constructor;
41+
};
42+
}();
43+
44+
var Book = function () {
45+
function Book(title) {
46+
_classCallCheck(this, Book);
47+
48+
this.title = title;
49+
}
50+
51+
_createClass(Book, [{
52+
key: "printTitle",
53+
value: function printTitle() {
54+
console.log(this.title);
55+
}
56+
}]);
57+
58+
return Book;
59+
}();
60+
61+
exports.default = Book;
62+
module.exports = exports["default"];
63+
});

‎examples/chapter01/lib/17-CalcArea.js

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(["exports"], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports);
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports);
11+
global.CalcArea = mod.exports;
12+
}
13+
})(this, function (exports) {
14+
"use strict";
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
var circleArea = exports.circleArea = function circleArea(r) {
20+
return 3.14 * Math.pow(r, 2);
21+
};
22+
23+
var squareArea = exports.squareArea = function squareArea(s) {
24+
return s * s;
25+
};
26+
27+
// export { circleArea, squareArea }; // {1}
28+
exports.circle = circleArea;
29+
exports.square = squareArea;
30+
});

‎examples/chapter01/lib/17-ES2015-ES6-Modules-bundle.js

+158
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
2+
(function (global, factory) {
3+
if (typeof define === "function" && define.amd) {
4+
define(["module", "exports"], factory);
5+
} else if (typeof exports !== "undefined") {
6+
factory(module, exports);
7+
} else {
8+
var mod = {
9+
exports: {}
10+
};
11+
factory(mod, mod.exports);
12+
global.Book = mod.exports;
13+
}
14+
})(this, function (module, exports) {
15+
"use strict";
16+
17+
Object.defineProperty(exports, "__esModule", {
18+
value: true
19+
});
20+
21+
function _classCallCheck(instance, Constructor) {
22+
if (!(instance instanceof Constructor)) {
23+
throw new TypeError("Cannot call a class as a function");
24+
}
25+
}
26+
27+
var _createClass = function () {
28+
function defineProperties(target, props) {
29+
for (var i = 0; i < props.length; i++) {
30+
var descriptor = props[i];
31+
descriptor.enumerable = descriptor.enumerable || false;
32+
descriptor.configurable = true;
33+
if ("value" in descriptor) descriptor.writable = true;
34+
Object.defineProperty(target, descriptor.key, descriptor);
35+
}
36+
}
37+
38+
return function (Constructor, protoProps, staticProps) {
39+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
40+
if (staticProps) defineProperties(Constructor, staticProps);
41+
return Constructor;
42+
};
43+
}();
44+
45+
var Book = function () {
46+
function Book(title) {
47+
_classCallCheck(this, Book);
48+
49+
this.title = title;
50+
}
51+
52+
_createClass(Book, [{
53+
key: "printTitle",
54+
value: function printTitle() {
55+
console.log(this.title);
56+
}
57+
}]);
58+
59+
return Book;
60+
}();
61+
62+
exports.default = Book;
63+
module.exports = exports["default"];
64+
});
65+
66+
},{}],2:[function(require,module,exports){
67+
(function (global, factory) {
68+
if (typeof define === "function" && define.amd) {
69+
define(["exports"], factory);
70+
} else if (typeof exports !== "undefined") {
71+
factory(exports);
72+
} else {
73+
var mod = {
74+
exports: {}
75+
};
76+
factory(mod.exports);
77+
global.CalcArea = mod.exports;
78+
}
79+
})(this, function (exports) {
80+
"use strict";
81+
82+
Object.defineProperty(exports, "__esModule", {
83+
value: true
84+
});
85+
var circleArea = exports.circleArea = function circleArea(r) {
86+
return 3.14 * Math.pow(r, 2);
87+
};
88+
89+
var squareArea = exports.squareArea = function squareArea(s) {
90+
return s * s;
91+
};
92+
93+
// export { circleArea, squareArea }; // {1}
94+
exports.circle = circleArea;
95+
exports.square = squareArea;
96+
});
97+
98+
},{}],3:[function(require,module,exports){
99+
(function (global, factory) {
100+
if (typeof define === "function" && define.amd) {
101+
define(['./17-CalcArea', './17-Book'], factory);
102+
} else if (typeof exports !== "undefined") {
103+
factory(require('./17-CalcArea'), require('./17-Book'));
104+
} else {
105+
var mod = {
106+
exports: {}
107+
};
108+
factory(global.CalcArea, global.Book);
109+
global.ES2015ES6Modules = mod.exports;
110+
}
111+
})(this, function (_CalcArea, _Book) {
112+
'use strict';
113+
114+
var area = _interopRequireWildcard(_CalcArea);
115+
116+
var _Book2 = _interopRequireDefault(_Book);
117+
118+
function _interopRequireDefault(obj) {
119+
return obj && obj.__esModule ? obj : {
120+
default: obj
121+
};
122+
}
123+
124+
function _interopRequireWildcard(obj) {
125+
if (obj && obj.__esModule) {
126+
return obj;
127+
} else {
128+
var newObj = {};
129+
130+
if (obj != null) {
131+
for (var key in obj) {
132+
if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
133+
}
134+
}
135+
136+
newObj.default = obj;
137+
return newObj;
138+
}
139+
}
140+
141+
// @ts-check
142+
// import { circleArea, squareArea } from './17-CalcArea'; // {2}
143+
// import { circleArea as circle } from './17-CalcArea';
144+
145+
// console.log(circleArea(2));
146+
// console.log(squareArea(2));
147+
148+
149+
/* Different way of importing the module */
150+
console.log(area.circle(2)); // we need the .js to run this code in the browser
151+
152+
console.log(area.square(2));
153+
154+
var myBook = new _Book2.default('some title');
155+
myBook.printTitle();
156+
});
157+
158+
},{"./17-Book":1,"./17-CalcArea":2}]},{},[3]);

‎examples/chapter01/lib/17-ES2015-ES6-Modules.js

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['./17-CalcArea.js', './17-Book.js'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(require('./17-CalcArea.js'), require('./17-Book.js'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(global.CalcArea, global.Book);
11+
global.ES2015ES6Modules = mod.exports;
12+
}
13+
})(this, function (_CalcArea, _Book) {
14+
'use strict';
15+
16+
var area = _interopRequireWildcard(_CalcArea);
17+
18+
var _Book2 = _interopRequireDefault(_Book);
19+
20+
function _interopRequireDefault(obj) {
21+
return obj && obj.__esModule ? obj : {
22+
default: obj
23+
};
24+
}
25+
26+
function _interopRequireWildcard(obj) {
27+
if (obj && obj.__esModule) {
28+
return obj;
29+
} else {
30+
var newObj = {};
31+
32+
if (obj != null) {
33+
for (var key in obj) {
34+
if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
35+
}
36+
}
37+
38+
newObj.default = obj;
39+
return newObj;
40+
}
41+
}
42+
43+
// @ts-check
44+
// import { circleArea, squareArea } from './17-CalcArea'; // {2}
45+
// import { circleArea as circle } from './17-CalcArea';
46+
47+
// console.log(circleArea(2));
48+
// console.log(squareArea(2));
49+
50+
/* Different way of importing the module */
51+
// import * as area from './17-CalcArea';
52+
// import Book from './17-Book';
53+
54+
console.log(area.circle(2)); // we need the .js to run this code in the browser
55+
56+
console.log(area.square(2));
57+
58+
var myBook = new _Book2.default('some title');
59+
myBook.printTitle();
60+
});

0 commit comments

Comments
 (0)