利用ES5实现Promise

理论上讲，JavaScript中继承是依赖于原型prototype链实现继承的。由于只有一条链所以理论上讲无法实现多继承。但是我们可以另辟蹊径

在面向对象语言中会有各式各样的关键字，如public、pcivate、protected、static等等，设置了属性和方法的权限。

作为一门弱类型语言JavaScript显然不具备这样的确定权限关键字，所以我们采取了另外的方式来使得变量和方法的权限得以被区别开来

记得咱讲微任务的时候提到了最常用的两个创建微任务 API ：Promise和nextTick。Promise咱们已经讲过了，所以今天一起来看看nextTick

引言

盒模型又成为框模型（Box Model），包含了元素内容（Content）、内边距（padding）、边框（border）、外边距（margin）几个要素。

盒模型分为两种—— 标准盒模型 & IE模型

标准模型：即 W3C 盒模型，width = content

IE 模型：width = conten + padding

从哪开始浮动？

设置浮动后该元素脱离文档流，后边的元素会自动顶上来取代他的位置。

而浮动的元素纵坐标不会改变，只会横坐标方向的叠加（凡是设置了float的，连续的块级元素都会一起向右排列）

这篇文章是我从Segmentfault上转载而来，颠覆了我对之前原型、继承、公私有的理解，转载此文，并在此表示对作者深深的敬意。 —— 2019.3.26 Siir

前言

玩过原型链继承（类继承）的娃应该都用过var instance = new Class()之类的代码。但是你真的了解new吗？

大家都知道new操作符用作实例化，但是实例化的过程中除去返回对象它还做了什么？

绑定this到实例

1
2
3
4
5
6
7
8

function Student(name){
    console.log('赋值前-this', this);
    this.name = name;
    console.log('赋值后-this', this);
}
var student = new Student('Ming');
// 赋值前-this  Student{}
// 赋值后-this  Student{name: "Ming"}

由此可见，new操作符将构造函数Student中的this指向了new Student()生成的对象student。

在将 ES6 中的 Class 继承时我们会用到Object.create()方法。所以作为铺垫我们先把这个Object方法了解一番

前言

先从遍历数组开始

在刚上手js的时候如果让你遍历数组你可能会像玩C语言一样for(var index = 0; index < myArray.length; index++)。而从ES5之后我们可以使用内置的forEach方法，大大提升了代码的可读性（并没有）。

而forEach有一个弊端，就是无法使用break跳出循环，也不能用return语句从闭包函数中返回