Skip to content

Commit 19d50bb

Browse files
navononavono
committed
prettier格式化
1 parent 8548d1f commit 19d50bb

File tree

7 files changed

+309
-350
lines changed

7 files changed

+309
-350
lines changed

‎.eslintrc.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ module.exports = {
22
"extends": [
33
"eslint:recommended",
44
// "plugin:node/recommended"
5+
"prettier"
56
],
67
parser: 'babel-eslint',
78
"plugins": [
@@ -10,7 +11,8 @@ module.exports = {
1011
"html",
1112
"react",
1213
"babel",
13-
"node"
14+
"node",
15+
"prettier"
1416
],
1517
"env": {
1618
"browser": true,

‎basicSyntaxSample/Understanding-ES6/Destructuring.js

+20-22
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,51 @@
11
//**************************************************************************** */
22
// Object Destructuring
33
let node = {
4-
type: 'Identifier',
5-
name: 'foo',
6-
loc: {
7-
start: {
8-
line: 1,
9-
column: 1
10-
},
11-
end: {
12-
line: 1,
13-
column: 4
14-
}
15-
}
4+
type: 'Identifier',
5+
name: 'foo',
6+
loc: {
7+
start: {
8+
line: 1,
9+
column: 1
10+
},
11+
end: {
12+
line: 1,
13+
column: 4
14+
}
15+
}
1616
};
1717

1818
let type = 'Literal';
1919
let name = 5;
2020

2121
function outputInfo(value) {
22-
console.log(value === node);
22+
console.log(value === node);
2323
}
2424

2525
let { loc: { start } } = node;
2626

27-
outputInfo({type, name} = node);
27+
outputInfo(({ type, name } = node));
2828
// console.log(start.line);
2929
// console.log(start.column);
3030

31-
3231
//**************************************************************************** */
3332
// Array Destructuring
34-
let colors = [ 'red', 'green', 'blue' ];
35-
let [ firstColor, secondColor ] = colors;
36-
let [ , , thirdColor ] = colors;
33+
let colors = ['red', 'green', 'blue'];
34+
let [firstColor, secondColor] = colors;
35+
let [, , thirdColor] = colors;
3736
// console.log(firstColor); // "red"
3837
// console.log(secondColor); // "green"
3938
// console.log(thirdColor); // "blue"
4039

41-
4240
// 交换
43-
let a = 1, b = 2;
41+
let a = 1,
42+
b = 2;
4443
[a, b] = [b, a];
4544
// console.log(a);
4645
// console.log(b);
4746

4847
// Rest items
49-
let [ firstColor2, ...restColors ] = colors;
48+
let [firstColor2, ...restColors] = colors;
5049
console.log(restColors.length);
5150

5251
// clone
@@ -58,4 +57,3 @@ let [...clonedColors] = colors;
5857

5958
//**************************************************************************** */
6059
// Destructured Parameters
61-

‎basicSyntaxSample/Understanding-ES6/IteratorsGenerator.js

+83-94
Original file line numberDiff line numberDiff line change
@@ -5,36 +5,35 @@
55
// 迭代器带有一个内部指针，来指向集合中某个值的位置。当 next() 方法调用后，指针下一位置的值会被返回
66

77
function createIterator(items) {
8-
let i = 0;
9-
return {
10-
next: function() {
11-
let done = (i >= items.length);
12-
let value = !done ? items[i++] : undefined;
13-
14-
return {
15-
done,
16-
value
17-
}
18-
}
19-
}
8+
let i = 0;
9+
return {
10+
next: function() {
11+
let done = i >= items.length;
12+
let value = !done ? items[i++] : undefined;
13+
14+
return {
15+
done,
16+
value
17+
};
18+
}
19+
};
2020
}
2121

22-
let iterator = createIterator([1,2,3]);
22+
let iterator = createIterator([1, 2, 3]);
2323
// console.log(iterator.next());
2424
// console.log(iterator.next());
2525
// console.log(iterator.next());
2626
// console.log(iterator.next());
2727

28-
2928
//**************************************************************************** */
3029
// Generator
3130
// 返回迭代器的函数。生成器函数由 function 关键字和之后的星号（*）标识，同时还能使用新的 yield 关键字。
3231
// 星号的位置不能论是放在 function 关键字的后面还是在它们之间插入空格都是随意的。
3332

34-
function *createGenerator() {
35-
yield 1;
36-
yield 2;
37-
yield 3;
33+
function* createGenerator() {
34+
yield 1;
35+
yield 2;
36+
yield 3;
3837
}
3938

4039
let iterator2 = createGenerator();
@@ -43,131 +42,121 @@ let iterator2 = createGenerator();
4342
// console.log(iterator2.next().value);
4443
// console.log(iterator2.next().value);
4544

46-
4745
//**************************************************************************** */
4846
// Generator函数表达式
4947
// 无法使用箭头函数来创建生成器。
5048

51-
let createGenerator2 = function *(items) {
52-
for (let i = 0; i < items.length; i++) {
53-
yield items[i];
54-
}
55-
}
56-
57-
49+
let createGenerator2 = function*(items) {
50+
for (let i = 0; i < items.length; i++) {
51+
yield items[i];
52+
}
53+
};
5854

5955
//**************************************************************************** */
6056
// 可迭代类型与 for-of
6157
// 可迭代类型是指那些包含 Symbol.iterator 属性的对象
6258

6359
let values = [1, 2, 3];
6460
for (let num of values) {
65-
console.log(num);
61+
console.log(num);
6662
}
6763
// 0, 1, 2
6864

69-
7065
// 访问默认迭代器
7166
// let iter = values[Symbol.iterator]();
7267

7368
// console.log(iter.next());
7469

7570
function isIterable(object) {
76-
return typeof object[Symbol.iterator] === 'function';
71+
return typeof object[Symbol.iterator] === 'function';
7772
}
7873

79-
8074
//**************************************************************************** */
8175
// 创建可迭代类型
8276
let collection = {
83-
items: [],
84-
*[Symbol.iterator]() {
85-
for (let item of this.items) {
86-
yield item;
87-
}
88-
}
89-
}
77+
items: [],
78+
*[Symbol.iterator]() {
79+
for (let item of this.items) {
80+
yield item;
81+
}
82+
}
83+
};
9084

9185
collection.items.push(1);
9286
collection.items.push(2);
9387
collection.items.push(3);
9488

9589
for (let x of collection) {
96-
console.log(x);
90+
console.log(x);
9791
}
9892

99-
100-
10193
//**************************************************************************** */
10294
// 生成器代理
10395

104-
function *createNumberIterator() {
105-
yield 1;
106-
yield 2;
96+
function* createNumberIterator() {
97+
yield 1;
98+
yield 2;
10799
}
108100

109-
function *createColorIterator() {
110-
yield 'red';
111-
yield 'green';
101+
function* createColorIterator() {
102+
yield 'red';
103+
yield 'green';
112104
}
113105

114-
function *createCombinedIterator() {
115-
yield *createNumberIterator();
116-
yield *createColorIterator();
117-
yield true;
106+
function* createCombinedIterator() {
107+
yield* createNumberIterator();
108+
yield* createColorIterator();
109+
yield true;
118110
}
119111

120112
const iterator3 = createCombinedIterator();
121-
console.log(iterator3.next()); // "{ value: 1, done: false }"
122-
console.log(iterator3.next()); // "{ value: 2, done: false }"
123-
console.log(iterator3.next()); // "{ value: "red", done: false }"
124-
125-
113+
console.log(iterator3.next()); // "{ value: 1, done: false }"
114+
console.log(iterator3.next()); // "{ value: 2, done: false }"
115+
console.log(iterator3.next()); // "{ value: "red", done: false }"
126116

127117
//**************************************************************************** */
128118
// 运行异步任务
129119

130120
function run(taskDef) {
131-
// 创建迭代器，使它们可以在别处使用
132-
let task = taskDef();
133-
134-
// 任务开始执行
135-
let result = task.next();
136-
137-
// 递归函数持续调用 next()
138-
function step() {
139-
if (!result.done) {
140-
// result = task.next();
141-
// result = task.next(result.value);
142-
143-
if (typeof result.value === 'function') {
144-
result.value((err, data) => {
145-
if (err) {
146-
result = task.throw(err);
147-
return;
148-
}
149-
150-
result = task.next(data);
151-
step();
152-
});
153-
} else {
154-
result = task.next(result.value);
155-
step();
156-
}
157-
}
158-
}
159-
160-
// 开始递归
161-
step();
121+
// 创建迭代器，使它们可以在别处使用
122+
let task = taskDef();
123+
124+
// 任务开始执行
125+
let result = task.next();
126+
127+
// 递归函数持续调用 next()
128+
function step() {
129+
if (!result.done) {
130+
// result = task.next();
131+
// result = task.next(result.value);
132+
133+
if (typeof result.value === 'function') {
134+
result.value((err, data) => {
135+
if (err) {
136+
result = task.throw(err);
137+
return;
138+
}
139+
140+
result = task.next(data);
141+
step();
142+
});
143+
} else {
144+
result = task.next(result.value);
145+
step();
146+
}
147+
}
148+
}
149+
150+
// 开始递归
151+
step();
162152
}
163153

164-
165154
// 例子
166155
run(function*() {
167-
console.log('start mission');
168-
yield;
169-
console.log('kill the boss');
170-
yield;
171-
console.log('mission completed');
172-
yield;
173-
})
156+
console.log('start mission');
157+
yield;
158+
console.log('kill the boss');
159+
yield;
160+
console.log('mission completed');
161+
yield;
162+
});

0 commit comments

Comments
 (0)