此文为《深入理解ES6》摘抄笔记

Promise 基础

Promise 相当于异步操作结果的占位符，不会订阅一个事件，也不会传一个回调函数给目标函数，而是让函数返回一个Promise。

Promise

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

setTimeout(function (){
	console.log(1);
},0);
new Promise (function executor (resolve) {
	console.log(2);
	for (var i = 0; i < 1000; i++) {
		i = 9999 && resolve();
	}
	console.log(3)
}).then(function() {
	console.log(4)
})
console.log(5);

Promise

1
2
3
4
5
6
7
8
9

Promise.resolve(1)
.then((res) => {
	console.log(res);
	return 2;
}).catch((err) => {
	return 3;
}).then((res) => {
	console.log(res);
});

答案：1 2

1. 如果调用resolve函数和reject函数时带有参数，那么这些参数会被传递给回调函数，因此首先打印1
2. 如果then方法有两个回调函数，那么第一个回调完成后，返回的结果会作为参数传入第二个回调函数，因此打印2

Promise

1
2
3
4
5
6
7
8
9
10
11
12

console.log(1);
new Promise(function (resolve, reject) {
	reject(true);
	window.setTimeout(function () {
		resolve(false);
	}, 0);
}).then(function () {
	console.log(2);
}, function () {
	console.log(3)
});
console.log(4);

答案：1 4 3

先执行同步，再执行异步

1. 打印1
2. 创建Promise对象，运行reject，是异步进入等待
3. 打印4
4. 同步全部完成后进入then，打印3
5. 最后运行setTimeout()，由于Promise状态已经变成reject，所以resolve不生效

本例为《CSS揭秘》内容，仅用来练手学习。

box-shadow

用来设置对象阴影。

本例为《CSS揭秘》内容，仅用来练手学习。

目的

我们想要给容器设置一个半透明的边框，能够让body的背景从半透明边框中透上来。

块级作用域

一对大括号内的范围，可以称为块作用域。用let可以声明变量，但是所声明的变量只在块作用域内有效，在外部无法访问。let声明的变量必须在声明之后使用。

1
2
3
4

{
    let a = 2;
    var b = 3;
}

1. 实际的函数代码被封装在一对花括号内{}。
2. 对函数而言，return语句是可选的。
3. JavaScript函数总是会返回一个值。当function主体中没有return语句时，那么function返回undefined。

在网上看了非常多的优秀教程，但是我还是花了2天时间才搞出来自己的博客，可能是我太笨😂,因此
还是写下自己搭建博客的过程，权当为自己的博客剪个彩。

Markdown常用语法