6. 面向对象
JavaScript、Java、C#…都是面向对象的编程语言;
- 类:模板
- 对象:具体的实例
原型对象
JavaScript有一些区别:
- 原型:
__proto__
var user = {
name: 'Jack',
age: 3,
sex: '男',
run: function () {
console.log(this.name + 'run...')
}
};
var xiaoming = {
name: 'Xiaoming',
};
// 小明的原型是user
xiaoming.__proto__ = user;
/*
xiaoming.run()
Xiaomingrun...
xiaoming.age
3
*/
class继承
class
关键字是在ES6引入的
- 定义一个类,属性,方法
// ES6之后
class Student {
constructor(name) {
this.name = name;
}
hello() {
alert('hello');
}
}
var xiaoming = new Student('xiaoming');
- 继承
class Student {
constructor(name) {
this.name = name;
}
hello() {
alert('hello');
}
}
var xiaoming = new Student('xiaoming');
//继承
class XiaoStudent extends Student {
constructor(name, grade) {
super(name);
this.grade = grade;
}
mygrade() {
alert('我是一个小学生');
}
}
var xiaohong = new XiaoStudent('xiaohong', 1);
本质:查看对象原型
原型链
每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例,结果会怎样?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立。如此层层递进,就构成了实例与原型的链条。这就是所谓的原型链的基本概念。——摘自《javascript高级程序设计》