Javascript没有提供继承的机制,但是提供了方法使其可以做到继承一个类,具体做法是:
//Shape - superclass function Shape() { this.x = 0; this.y = 0; } Shape.prototype.move = function(x, y) { this.x += x; this.y += y; console.info("Shape moved."); }; // Rectangle - subclass function Rectangle() { Shape.call(this); //call super constructor. } // 下面将父类的prototype拷贝一份给自己,否则子类进行prototype的修改时,其实就是在修改父类的prototype,这就不是继承了 Rectangle.prototype = Object.create(Shape.prototype); Rectangle.prototype.constructor = Rectangle; // 不设置的话会指向Shape var rect = new Rectangle(); rect instanceof Rectangle //true. rect instanceof Shape //true. rect.move(1, 1); //Outputs, "Shape moved."
参考网址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create
需要指出的是:Shape.call(this);确保用new创建对象时,父类Shape的构造函数得以执行,而Rectangle.prototype = Object.create(Shape.prototype);是将父类Shape的prototype复制一份给子类Rectangle,使用这种方法以后,如果后面的代码修改了父类,则不会影响到子类了。如果希望父类子类公用同一套代码和数据,可以写成:Rectangle.prototype = Shape.prototype; 但是要注意的是,这样一来,子类做的任何修改都会影响到父类,这就不是继承了,所以,应该采用Object.create的方法,使得子类继承了父类的方法,并且能够对子类的prototype的各种方法进行添加和修改。
另外就是要设置子类的prototype.constructor 等于子类,否则这个值就是父类了。
设置constructor并不影响javascript对象的任何行为,这个constructor其实是一个历史遗留的副产品,没有多大用处。见如下描述:
constructor属性不影响任何JavaScript的内部属性。instanceof检测对象的原型链,通常你是无法修改的(不过某些引擎通过私有的__proto__属性暴露出来)。
constructor其实没有什么用处,只是JavaScript语言设计的历史遗留物。由于constructor属性是可以变更的,所以未必真的指向对象的构造函数,只是一个提示。不过,从编程习惯上,我们应该尽量让对象的constructor指向其构造函数,以维持这个惯例。
作者:贺师俊
链接:https://www.zhihu.com/question/19951896/answer/13457869
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
但又有说constructor有用处的,比如下面的描述:
(function(){
function A (arg1,arg2) {
this.a = 1;
this.b=2;
}
A.prototype.log = function () {
console.log(this.a);
}
a = new A();
b = new A();
})()
a.log();
// 1
b.log();
// 1
通过以上代码我们可以得到两个对象,a,b,他们同为类A的实例。因为A在闭包里,所以现在我们是不能直接访问A的,那如果我想给类A增加新方法怎么办?
// a.constructor.prototype 在chrome,firefox中可以通过 a.__proto__ 直接访问
a.constructor.prototype.log2 = function () {
console.log(this.b)
}
a.log2();
// 2
b.log2();
// 2
通过访问constructor就可以了。
或者我想知道a的构造函数有几个参数?
a.constructor.length
或者再复杂点,我想知道a的构造函数的参数名是什么(angular的依赖注入就是通过此方法实现的据说)
a.constructor
.toString()
.match(/\(.*\)/)
.pop().slice(1,-1)
.split(',');
// ["arg1", "arg2"]
作者:小鱼二
链接:https://www.zhihu.com/question/19951896/answer/67551712
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
不过这么怪异的用法使得我实在不想这样编程。对于面向对象的编程来说,修改类的行为,为什么要通过一个对象去改变。为什么要将类闭包呢。
另一方面来说,编程为了严谨,则要设置子类的constructor指向子类,否则看起来,子类就有数据不一致的情况了。毕竟通过对象的constructor,访问到父类,是不对的。
举个使用对象修改了类的例子:
function base() { } base.prototype.show = function(){ alert("OK") } function Child (){ this.cname = "UUUU"; base.call(this); } Child.prototype = Object.create(base.prototype); Child.prototype.constructor = Child; var c = new Child(); c.constructor.prototype.display = function(){ alert(this.cname); } var d = new Child(); d.display();
相关推荐
在JavaScript中继承是一个非常复杂的话题,比其他任何面向对象的语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。与它们不同,在JavaScript中要想达到传承公用成员的目的,...
JavaScript继承的三种方法实例 继承 继承: 首先继承是一种关系,类(class)与类之间的关系,JS中没有类,但是可以通过构造函数模拟类,然后通过原型来实现继承。 继承也是为了数据共享,js中的继承也是为了实现...
Javascript继承机制原理 可以参考下
JavaScript继承与多继承实例分析.docx
javascript继承之为什么要继承.docx
JavaScript继承机制研究.pdf
说好的讲解JavaScript继承,可是迟迟到现在讲解。废话不多说,直接进入正题。 既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考《面向对象JS基础讲解,工厂模式、构造...
JavaScript继承机制探讨及其应用.pdf
Javascript继承[参考].pdf
详解Javascript继承的实现_.docx
javascript 继承派生等问题的资料,都是网上收集的,学会apply call 就懂js面向对象的原理了。
本文实例讲述了JavaScript继承与聚合。分享给大家供大家参考,具体如下: 一、继承 第一种方式:类与被继承类直接耦合度高 1. 首先,准备一个可以被继承的类(父类),例如 //创建一个人员类 function Person(name)...
javascript继承问题,不知道写的可不可以,就勉强看看呗
JavaScript面向对象编程中使用继承,详细讲解四种实现方法的原理。
正因为JavaScript本身没有完整的类和继承的实现,并且我们也看到通过手工实现的方式存在很多问题, 因此对于这个富有挑战性的任务网上已经有很多实现了
NULL 博文链接:https://snandy.iteye.com/blog/429140
javascript毫无疑问是面向对象的,可日常使用中,怎么实现类,对象,继承这种高级语言特性呢.看完这个文档就很清楚啦,很不错的东西,适合有一丁点Javascript基础的童鞋
学完了Javascript类和对象的创建之后,现在总结一下Javascript继承机制的实现。Javascript并不像Java那样对继承机制有严格明确的定义,它的实现方式正如它的变量的使用方式那样也是十分宽松的,你可以设计自己的方法...
然而,继承中所涉及的不仅仅是一个对象,并且 js 也没有继承这一现有的机制,那它如何实现的呢? 原型 在 JavaScript 中,每个构造函数都拥有一个prototype属性,它指向构造函数的原型对象,这个原型对象中有一个 ...
深入学习javascript继承之前,先了解下面的几个概念: 父类:被继承的类 子类:由继承得来的类 超类:也就是父类 抽象类:一般不用来实例化的类,它的用途是用来给其他类继承. 基类:提供给其他类可以继承的类 派生类:由基类...