首先要说明：js并没有类(class)的概念，虽然说es6开始有了类的概念，但是，es6中的类，仅仅只是基于现有的原型继承的一种语法糖。
一、面向对象思想
在这里我就只说说关于面向对象的一些基本知识：
类：定义某一事物的抽象特点，具有属性和方法。简单的理解来说：类好比一个黑盒子，你不需要知道里面的功能，就可以使用它。举个栗子：一台空调，你只需要知道上面的按钮有什么用，就可以使用这台空调，完全不需要知道这台空调里面到底是怎么工作的。对象：类的一个实例。例如：var mydate = new date(); //mydate就是通过new关键字，创建的一个对象。它就是中的"类":date()的一个实例；属性：对象的特征；方法：对象的行为；封装性：只有特定类的对象才能访问特定类的成员；继承性：子类继承父类的属性和方法；多态性：不同的类可以定义相同的属性和方法；抽象性：(就是类这个概念很抽象咯，\滑稽)二、类的属性和方法的继承
纠正一下：由于js并没有类(class)的概念，更多的时候我们把它叫做对象(function)，然后把对象叫做实例(instance)。出去和别人讨论oop时，一定要叫对一些概念的名字，免得贻笑大方。
在这里我就直接用类(class)这个叫法。
1、属性的继承：
1.先来看一个小例子：
我要评论
function show() {
alert(this);
}
show(); //[object window] //很显然输出window对象
2.再来看一下：
function show() {
alert(this);
}
show.call(123); //123
这是因为函数调用call()方法时，第一个参数会覆盖函数中的this。也就是说，这里123把this覆盖了。这是call()方法的一个用法。
有关call()的详尽使用大家可以自行百度，这里就不介绍了。
3.继续介绍，刚步入正题：
function a() {
this.aaa = 111;
}
var obja = new a();
alert(obja.aaa); //111
通过类: a 创建一个对象: obja ，所以对象: obja 就具有了aaa这个属性。
4.终于说到继承属性了：
function a() {
this.aaa = 111;
}
function b() {
a.call(this);
}
var objb = new b();
alert(objb.aaa); //111 //实现继承属性
解释一下：通过类: b 创建对象: objb 后，类: b中的this指向objb，这时候a.call(this)就相当于a.call(objb)，正如前面所说，objb会覆盖类: a 中的this，所以objb就具有了aaa属性，所以就实现了属性的继承。
2、方法的继承：
1.简单的写法：
function a() {}
function b() {}
a.prototype.showa = function () {
alert('aaa');
};
b.prototype = a.prototype;
var obja = new a();
var objb = new b();
objb.showa(); //aaa //证明 b 确实继承了 a 的方法
但是这种方法虽然简单，但是有个很大的缺陷，实际上：b.prototype 是对 a.prototype 的引用。
下面我们来证明这一点：在上述代码 b.prototype = a.prototype; 这行代码后面添加：
b.prototype.showb = function () {
alert('bbb');
};
然后 obja.showb(); //bbb //这就证明，b.prototype确实是对a.prototype的引用。
2.避免引用
function a() {}
function b() {}
a.prototype.showa = function () {
alert('aaa');
};
//用for...in...循环，将a的属性一一赋给b，这样就不会造成b.prototype对a.prototype引用
for (let i in a.prototype) {
b.prototype[i] = a.prototype[i];
}
b.prototype.showb = function () {
alert('bbb');
};
var obja = new a();
var objb = new b();
objb.showa(); //aaa //证明b继承了a的方法
obja.showb(); //error //证明a上并没有showb方法，说明a没有被引用
如对本文有疑问， 点击进行留言回复！！
【JavaScript笔记（一）】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json？Protocol Buffer？FlatBuffers？
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
网友评论