vue.js的组件可以继承吗 JS 原型链继承和类继承各有什么优缺点
vue.js的组件可以继承吗
在 1.0.0 发布之前的版本中，inherit 选项是存在的，不过这个继承并不是如 Java 类那样的继承关系，而只是运行时子组件对父组件的继承关系，换言之，这里的继承只强调子组件从父组件继承方法和数据。
目前没有看到相关文档说明组件间的继承实现方法，试试召唤
JS 原型链继承和类继承各有什么优缺点
类式继承就像java的继承一样，思想也比较简单：在子类型构造函数的内部调用超类型构造函数。
原型式继承是借助已有的对象创建新的对象，将子类的原型指向父类，就相当于加入了父类这条原型链
而你的 下面这段代码不是严格意义上的类式继承，按照Nicholas C.Zakas的说法，这个应该叫做组合式继承。它调用了两次parent2（）。第一次是 child2.prototype=new parent2(param) child2就会得到两个属性param，getParam（），他们都是parent2的属性，但是他们在child2的原型中。第二次是parent2.call(this,cparam) 这次又在新对象上创建了实例属性param，getParam（）。于是，这两个属性就屏蔽了原型中的两个同名属性。这有什么好处呢，就是你在构建一个child3时也继承parent2（）的属性，还可以定义自己的属性。与此同时他长的就和他兄弟不同了，但又有一样的“血统（使用父类的方法）”。
纯手打，欢迎继续讨论
javascript 什么是原型链
原型链一直是个很抽象的概念,看不到,摸不着.随着最近对JavaScript进一步的学习,我对原型链有了一点理解,下面讲出来.
基础知识
在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链.
访问一个对象的原型可以使用ES5中的Object.getPrototypeOf方法,或者ES6中的__proto__属性.
原型链的作用是用来实现继承,比如我们新建一个数组,数组的方法就是从数组的原型上继承而来的.
var arr = []
arr.map === Array.prototype.map //arr.map是从arr.__proto__上继承下来的,arr.__proto__也就是Array.prototype
图形化原型链
虽然我们都说原型链,但实际上,在不考虑网页中frame的情况,js引擎在执行期间的某一时刻,所有存在的对象组成的是一棵原型树.默认情况下,只有一棵树.根节点可以说是Object.prototype,也可以说是null.
但我们可以再建立一棵原型树,通过使用Object.create方法
var foo = Object.create(null) //foo是一个对象,但它是游离的,不属于已有的那棵原型树
var bar = Object.create(foo) //bar的原型是foo
var baz = Object.create(foo) //baz的原型是foo
这样我们有了第二棵原型树
遍历原型链
我们没有办法遍历到所有以某个对象为原型的对象,但我们可以向上遍历,获取到一个对象所有的上层原型,这个原型链必定是线性的,尽头是null.
function getPrototypeChain(object) {
var protoChain = []
while (object = object.__proto__) {
protoChain.push(object)
}
protoChain.push(null)
return protoChain
}
试验一下,不同的环境实现不同,显示形式也不同.下面是在chrome控制台中的显示.
>getPrototypeChain(new String(""))
[String, Object, null] //依次是String.prototype,Object.prototype,null
>getPrototypeChain(function(){})
[function Empty() {}, Object, null] //依次是Function.prototype,Object.prototype,null
内置类型的对象的原型链并不长,下面试试宿主对象.
>getPrototypeChain(document.createElement("div"))
[HTMLDivElement, HTMLElement, Element, Node, Object, null]
这个就长多了.
超长原型链
可以看出来,我们平时使用的对象并没有很长的原型链.但可以自己构造一个.
function Foo() {}
for (var i = 0 i < 100 i ) {
Foo.prototype["foo" i] = i
Foo.prototype = new Foo
}
console.dir(getPrototypeChain(new Foo))
最后的这个new Foo有多少个上层原型呢?