1.对象的继承__proto__

var Language = {
name: 'program',
score: 8.0,
popular: function () {
return this.score/10*100 + '%';
}
}
var Python = {
name: 'python',
score: 9.0
}
Python.__proto__ = Language
console.log(Python.popular())

运行结果: 90%

__proto__属性将Python对象的原型指向Language对象,这样Python对象就像是从Language对象继承的一样。

2.对象继承的另一种方法Object.create()

var Language = {
name: 'program',
score: 8.0,
popular: function () {
return this.score/10*100 + '%';
}
}
Python = Object.create(Language)
Python.name = 'python'
Python.score = 9.0
console.log(Python.popular())

运行结果: 90%

3.原型链

当访问一个对象的属性时,javascript引擎先在当前对象上查找该属性,如果没有,就到它的原型对象上找,

如果还没有找到,就一直上溯到Object.prototype对象。

例如,创建Array对象:

var arr = [1,2,3];

其原型链是:

arr--->Array.prototype---->Object.prototype

Array.prototype定义了indexof(),shift()等方法,因此可以直接在Array对象上调用这些函数。

函数也是一个对象,它的原型链是:

foo--->Function.prototype---->Object.prototype---->null

Function.prototype定义了apply()等方法,因此所有函数都可以调用apply方法

4.构造函数

function Language(name){
this.name = name
this.score = 8.0
}
var language = new Language('python')
console.log(language)

Language是个普通的函数,new关键字调用Language函数,并返回Language对象,默认return this,省略

Language函数this关键字也绑定到new创建的对象

原型链如下:

language--->Language.prototype---->Object.prototype--->null

language有一个属性constructor,继承自Language,指向的是Language对象本身

language.constructor == Language.prototype.constructor

Language.prototype.constructor == Lang

Object.getPrototypeOf(lang) == Lang.prototype

language instanceOf Language

function Language(name){
this.name = name
this.score = 8.0
this.popular = function(){
return this.score/10*100 + '%'
}
}
var language = new Language('python')
var language2 = new Language('C')
console.log(language)
// false
console.log(language.popular == language2.popular)

language和language2的popular方法不是同一个函数,根据属性查找原则,

只需要将popular方法,添加到Language的原型上就可以了

function Language(name){
this.name = name
this.score = 8.0
}
Language.prototype.popular = function () {
return this.score/10*100 + '%'
}
var language = new Language('python')
var language2 = new Language('C')
console.log(language)
// true
console.log(language.popular == language2.popular)

需要注意的,构造函数首字母应该大写,普通函数首字母小写