JavaScript：inherits

网上一查，肯定搜索到继承的文章真心不少。我这里就只说一下自己常用的方式：

通常在编写一个类的做法是，在构造函数里声明字段，在prototype里指定方法。

//step1: 在子类的构造器里法里实例call ,apply 来继承字段//step2: 类声明完毕后，使用inheritsPrototype来继承方法

function inheritsPrototype(clazz, baseClazz) {var clazzPrototype = clazz.prototype;function F() {};F.prototype = baseClazz.prototype;clazz.prototype = new F();for (var prop in clazzPrototype) {clazz.prototype[prop] = clazzPrototype[prop];}//    clazz.prototype.constructor = clazz;//    clazz.superClass = baseClazz;
}

demo:

        function inheritsPrototype(clazz, baseClazz) {var clazzPrototype = clazz.prototype;function F() {};F.prototype = baseClazz.prototype;clazz.prototype = new F();for (var prop in clazzPrototype) {clazz.prototype[prop] = clazzPrototype[prop];}}function A(id, name){this.id = id;this.name = name;}A.prototype.show = function (){console.log(this.id, this.name);}function B(id, name, age){A.call(this, id, name);  // 继承字段this.age = age;}inheritsPrototype(B, A);   // 继承方法var objB = new B("x01", "name1", 12);objB.show();

转载于:https://www.cnblogs.com/f1194361820/p/7447587.html

JavaScript：inherits相关推荐

JavaScript：事件冒泡和事件委托
2019独角兽企业重金招聘Python工程师标准>>> JavaScript事件代理和委托(Delegation) JavaScript事件冒泡和事件委托 JavaScript:通过 ...
JavaScript：this是什么
JavaScript:this是什么? 定义:this是包含它的函数作为方法被调用时所属的对象. 说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它! 1.包含它的函数 ...
[译] 学习 JavaScript：9 个常见错误阻碍你进步
本文讲的是[译] 学习 JavaScript:9 个常见错误阻碍你进步, 原文地址:Learning JavaScript: 9 Common Mistakes That Are Holding Yo ...
Javascript：this用法
#Javascript:this用法整理 pingan 于星期三, 18/12/2013 - 22:32 提交常用Javascript的人都知道,［this这个关键字在一个函式内究竟指向谁］的这个 ...
[转]JavaScript：只能输入数字(IE、FF)
本文转自:http://www.cnblogs.com/ly5201314/archive/2009/03/04/1402993.html JavaScript:只能输入数字(IE.FF) 为了解决只 ...
JavaScript：windows关机效果
JavaScript:windows关机效果 (1)JavaScript实现 var isIe=(document.all)?true:false; //主函数,页面调用 function testM ...
html js轮播图无白链接,JavaScript：100%原生js实现左右切换的轮播图(无延迟加载)...
简介这篇文章主要介绍了JavaScript:100%原生js实现左右切换的轮播图(无延迟加载)以及相关的经验技巧,文章约11114字,浏览量505,点赞数3,值得参考! *{ margin:0; pa ...
[译] JavaScript：回调是什么鬼？
本文讲的是[译] JavaScript:回调是什么鬼?, 原文地址:JavaScript: What the heck is a Callback? 原文作者:Brandon Morelli 译文出自 ...
JavaScript：如何将消息打印到错误控制台？
本文翻译自:JavaScript: How do I print a message to the error console? How can I print a message to the er ...

JavaScript：inherits

JavaScript：inherits相关推荐

最新文章

热门文章