先上一图!

本文的promise源码是按照Promise/A+规范来编写的（不想看英文版的移步Promise/A+规范中文翻译）

为了让大家更容易理解，我们从一个场景开始讲解，让大家一步一步跟着思路思考，相信你一定会更容易看懂。

考虑下面一种获取用户id的请求处理

function getUrlId() {
    return new Promise(function(resolve) {
        //异步请求
        http.get(url,function(results) {
            resolve...

//1
var p = new Promise(function(resolve, reject){
  console.log("create a promise");
  resolve("success");
});
//2
console.log("after new Promise");
//3
p.then(function(value){
  console.log(value);
});

控...

高阶组件（ higher-order component ，HOC ）是 React 中复用组件逻辑的一种进阶技巧。它本身并不是 React 的 API，而是一种 React 组件的设计理念，众多的 React 库已经证明了它的价值，例如耳熟能详的 react-redux。

高阶组件的概念其实并不难，我们能通过类比高阶函数迅速掌握。高阶函数是把函数作为参数传入到函数中并返回一个新的函数。这里我们把函数替换为组件，就是高阶组件了。

const EnhancedComponent = higherOrderCompon...

原文：ES modules: A cartoon deep-dive, Lin Clark

ES modules（ESM） 是 JavaScript 官方的标准化模块系统。
然而，它在标准化的道路上已经花费了近 10 年的时间。

可喜的是，标准化之路马上就要完成了。等到 2018 年 5 月 Firefox 60 发布之后，所有的主流浏览器就都支持 ESM 了。同时，Node 模块工作小组也正在为 Node.js 添加 ESM 支持。为 WebAssembly 提供 ESM 集成的工作也正在如火如...

MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。

MVC模式的意思是，软件可以分成三个部分

• M(Model) 数据保存—将新的数据发送到 View，用户得到反馈
• V(View) 用户界面—View 传送指令到 Controller
• C(Controller) 业务逻辑—完成业务逻辑后，要求 Model 改变状态

所有通信都是单向的。

互动模式

接受用户指...