const STATUS_PENDING = “pending”;
const STATUS_FULFILLED = “fulfilled”;
const STATUS_REJECTED = “rejected”;
class Promise {
constructor(executor) {
this.status = STATUS_PENDING;
}
}
1.1. 等待（Pending）
处于等待时，状态可以迁移至执行态或拒绝态
1.2. 执行（Fulfilled）
处于执行时：
-
不能迁移至其他任何状态
-
必须拥有一个不可变的终值
1.3. 拒绝（Rejected）
处于拒绝时：
-
不能迁移至其他任何状态
-
必须拥有一个不可变的reason
这里的不可变指的是恒等（即可用 === 判断相等），引用数据类型只要保证地址相等即可。
new Promise((resolve, reject) => {
resolve(‘成功’);
reject(‘拒绝’)
}).then((res) => {
console.log(res，“res”)
}, (error) => {
console.log(error,‘reason’)
})
new Promise()时状态是pending，
当程序执行，也就是(resolve, reject) => {
resolve(‘成功’);
reject(‘拒绝’)
}，这个执行
这里resolve把值进行了this.value = “成功”;，但是并不会this.reason=‘拒绝’，
这是因为只有出现了执行就不会出现拒绝，最后输出的结果是"成功 res",
如果注释掉resolve(‘成功’);，最后输出的结果是 “拒绝 reason”。
2. Then 方法
一个 promise 必须提供一个 then 方法以访问其当前值、终值 和 reason。
promise 的 then 方法接受两个函数参数：
promise.then(onFulfilled, onRejected)
then((res) => {
console.log(res，“res”)
}, (error) => {
console.log(error,‘reason’)
})
2.1 onFulfilled 和 onRejected 都是可选参数。
-
如果
onFulfilled不是函数，必须被忽略 -
如果
onRejected不是函数，必须被忽略
2.2 onFulfilled
如果 onFulfilled 是函数：
-
当
promise执行结束后其必须被调用，其第一个参数为promise的value -
在
promise执行结束前其不可被调用 -
其调用次数不可超过一次
new Promise((resolve, reject) => {
resolve(123)
}).then(result => {
console.log(result);
}, error => {
console.log(error);
});
// 这里resolve执行结束才会执行then，这里的result就是终值
2.3 onRejected
如果 onRejected 是函数：
-
当
promise被拒绝执行后其必须被调用，其第一个参数为promise的reason -
在
promise被拒绝执行前其不可被调用 -
其调用次数不可超过一次
2.4 调用时机
onFulfilled 和 onRejected 只有在执行环境堆栈仅包含平台代码时才可被调用 >> 注1
2.5 调用要求
onFulfilled 和 onRejected 必须被作为函数调用（即没有 this 值）>> 注2
2.6 多次调用
then方法可以被同一个promise 调用多次
-
当
promise成功执行时，所有onFulfilled需按照其注册顺序依次回调 -
当
promise被拒绝执行时，所有的onRejected需按照其注册顺序依次回调
new Promise.then().then()
2.7 返回
then 方法必须返回一个 promise 对象 >> 注3, 这也就是then可以被多次调用的原因。
Promise.prototype.then=function(onFulfilled, onRejected){
return new Promise()
}
promise2 = promise1.then(onFulfilled, onRejected);
- 如果
onFulfilled或者onRejected返回一个值x，则运行下面的 Promise 解决过程：[[Resolve]](promise2, x)
promise1.then((value)=>{
return x；
}, (reason)=>{
return x
}),
// 这种情况需要处理x函数还是值还是其他情况 ，所有用到了 Promise 解决过程
// 这种情况直接
Promise.prototype.then=function(onFulfilled, onRejected){
return let promise2 = new Promise((resolve,reject)=>{
try {
let x = onFulfilled(this.value);
resolvePromise(promise2, x, resolve, reject);
} catch (e) {
reject(e);
}
})
}
- 如果
onFulfilled或者onRejected抛出一个异常e，则promise2必须拒绝执行，并返回拒因e
promise1.then((value)=>{
throw new Error()
}, (reason)=>{
throw new Error()
}),
// 这种情况直接
Promise.prototype.then=function(onFulfilled, onRejected){
return new Promise((resolve,reject)=>{
try {
// console.log(“执行 onFulfilled”);
// 这里的x是啥？ 是then中回调的return的返回值
onFulfilled(this.value);
或者
onReject(this.reason)
} catch (e) {
reject(e);
}
})
}
- 如果
onFulfilled不是函数且promise1成功执行，promise2必须成功执行并返回相同的值
promise1.then(1,2),
Promise.prototype.then=function(onFulfilled, onRejected){
if (this.status === STATUS_FULFILLED) {
return new Promise((resolve,reject)=>{
if(typeof onFulfilled !== “function” ){
resolve(onFulfilled)
}
if(typeof onRejected !== “function” ){
resolve(onRejected)
}
})
}
}
- 如果
onRejected不是函数且promise1拒绝执行，promise2必须拒绝执行并返回相同的reason
promise1.then(1,2),
Promise.prototype.then=function(onFulfilled, onRejected){
if (this.status === STATUS_PENDING) {
return new Promise((resolve,reject)=>{
reject(onRejected)
})
}
}
Promise 解决过程是需要输入一个 promise 和一个值 x 的一个抽象的操作，称为 [[Resolve]](promise, x)，如果 x 有 then 方法且看上去像一个 Promise ，解决程序即尝试使 promise 接受 x 的状态；否则其用 x 的值来执行 promise 。(x是返回值，请注意上面的例子)
解决过程步骤：
x 与 promise 相等
如果 promise 和 x 指向同一对象，直接 throw new TypeError
let p1=new Promise(resolve=>{
resolve()
})
let p2=p1.then(data=>{
// 返回了p2
return p2
})
x 是Promise
如果 x 是一个 Promise ，则使 promise 接受 x 的状态 >>注4：
-
如果
x处于等待，promise需保持等待直至x被执行或拒绝 -
如果
x处于执行，用相同的值执行promise -
如果
x处于拒绝，用相同的reason拒绝promise
x 为对象或函数
如果 x 为对象或者函数：
- 把
x.then赋值给then>> 注5
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
结尾
正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。
195333)]
[外链图片转存中…(img-AkL6gqi7-1713551195333)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
[外链图片转存中…(img-Z78fWBL0-1713551195334)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-QIcoWGI2-1713551195334)]
结尾
正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。
以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。
518
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
