JavaScript基础--原型链

JavaScript中的原型链

写在前面：这边文章主要是弄清JavaScript原型链中的一些概念，（虽然我是个小白-_-!）。可能会有一些错误，还望大家批评指正。

示例代码

function People(options) {
this.name = options.name;
this.age = options.age;
this.sex = options.sex;
}
People.prototype.say = function() {
console.log('my name is ' + this.name);
}

function Student(options) {
People.call(this,options);
this.math = options.math;
}
Student.prototype = Object.create(People.prototype);
Student.prototype.constructor = Student;
var xiaoming = new Student({
name: 'xiaoming',
age: 21,
sex: 'man',
math: 'A'
});

这是JavaScript中的一个简单的继承，本文就针对这个例子来讨论JavaScript的原型链，话不多，上图（自己画了一个，不是特别美观。。）



问题一

为什么人们多说JavaScript中万物皆是对象，由图可知，沿着他们的原型链，最终多会到达Object.prototype。

问题二

对象都有prototype和proto属性，而对象的实例只有proto属性。

问题三

constructor(构造器属性)，对于这个我的理解是，它相当于一种循环引用，例如Function.prototype.constructor = Function;

问题四

proto多指向其构造器的prototype: xiaoming.proto === Student.prototype。

问题五

为什么我们在使用for in 的时候，总是要强调要使用Object.hasOwnProperty(str)呢，因为在forin中，会沿着原型链查找。就比如上面xiaoming的例子，如果我们不使用Object.hasOwnProperty(str),遍历出来的结果会包含：constructor say。为了安全起见，在使用forin时还是最好使用Object.hasOwnProperty(str)。