window.onload和$(document).ready()的区别

1.执行时间

  • window.onload会等到页面所有元素加载完成才会执行
  • $(document).ready()是DOM结构绘制完毕后就执行

2.编写个数不同

  • window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
  • $(document).ready()可以同时编写多个，并且都可以得到执行

WHY

1.执行时间上：

$(document).ready()监听的是DOMContentLoaded，所以DOM结构绘制完成后就执行

2.编写个数

jQuery是通过addEventListener去监听

原型和原型链

其实，只需要明白原型对象的结构即可：

1
2
3
4
5
Function.prototype = {
    constructor : Function,
    __proto__ : parent prototype,
    some prototype properties: ...
};

总结：函数的原型对象constructor默认指向函数本身，原型对象除了有原型属性外，为了实现继承，还有一个原型链指针__proto__，该指针指向上一层的原型对象，而上一层的原型对象的结构依然类似，这样利用__proto__一直指向Object的原型对象上，而Object的原型对象用Object.prototype.__proto__ = null表示原型链的最顶端，如此变形成了javascript的原型链继承，同时也解释了为什么所有的javascript对象都具有Object的基本方法。

vue中data为什么是一个函数

为了解决js中对象引用传递带来的问题。如果是对象的话，一个组件的多个实例中的一个实例去改变了data，那其他几个实例的data也会发生改变，这样肯定是行不通的，所以vue将其做成一个函数，return新的对象，从而使组件的每个实例的data都是相互独立的，这其实跟vue的设计原理没有什么关系，主要是因为js本身的体质导致的。更详细的讲解

es5和es6在继承方面的区别

Es5的继承实质上是先创建了子类的this，然后再在其上面添加弗父类的属性和方法（Parent.apply(this)）

Es6的继承则完全不同，实质是先创造父类的实例对象this（所以必须先调用super方法），然后再用子类的构造函数修改this（子类实例的构建，是基于对父类实例加工，只有super方法才能返回父类实例）