javascript 原型链实现继承简单例子

function A(){

　　this.name="zhangsan";

}

A.prototype.getName=function(){

　　return this.name;

}

function B(){

　　this.age=20;

}

B.prototype=new A();

//子类型有时候需要重写超类型中的某个方法，或者需要添加母类型中不存在的某个方法。但不管怎

样，给原型添加方法的代码一定要放在替换原型的语句之后。

B.prototype.getAge=function(){

　　return this.age;

}

var x=new B();

console.log(x.getName());

console.log(x.getAge());

运行结果，如下图所示：

B继承A，x是B的实例，所以x也继承A，可以调用A中的属性和方法。

转载于:https://www.cnblogs.com/zhaoyang450/p/5844622.html

javascript 原型链实现继承简单例子相关推荐

JavaScript 原型链和继承面试题
JavaScript 原型链和继承问题 JavaScript 中没有类的概念的,主要通过原型链来实现继承.通常情况下,继承意味着复制操作,然而 JavaScript默认并不会复制对象的属性,相反,Ja ...
JavaScript原型链实现继承
js 继承原型链默认的原型确定原型和实例的关系谨慎定义方法原型链的问题借用构造函数组合继承最常用的继承模式原型式继承寄生式继承寄生组合式继承是引用类型最理想的继承范式学习记录 ...
对Javascript 类、原型链、继承的理解
一.序言和其他面向对象的语言(如Java)不同,Javascript语言对类的实现和继承的实现没有标准的定义,而是将这些交给了程序员,让程序员更加灵活地(当然刚开始也更加头疼)去定义类,实现继承 ...
图解JavaScript原型链继承
JavaScript是基于原型链的继承的,忘掉类的继承,从原型链入手. 普通对象函数对象 JavaScrip只有一种结构:对象通过new Function()创建的对象都是函数对象,其他都是普通对 ...
JavaScript (四) ——构造函数原型 , 原型链和继承
原型所有引用类型都有一个_proto_属性, 属性值是对象所有函数都有一个prototype属性 , 属性值是一个对象所有引用类型的_proto_属性 , 都指向其构造函数的prototype ...
简单粗暴地理解 JavaScript 原型链（一个充满歪门邪理的理解方法，有助于新手哦！）...
原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好. 不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么.简单粗暴点看原型链吧, ...
详解JS原型链与继承
详解JS原型链与继承 JavaScript 目录摘自JavaScript高级程序设计: 概念确定原型和实例的关系原型链的问题借用构造函数组合继承原型继承寄生式继承寄生组合式继承 new ...
深度解析JavaScript原型链
深度解析JavaScript原型链文章目录深度解析JavaScript原型链前言 JavaScript原型链,这里只分享我自己的见解一.原型链是什么二.心得三图解总结前言 JavaSc ...
JavaScript原型链污染攻击
前言最近在看js的时候看到p神的一篇关于js原型链污染的文章,学习一下. 下面转自p神:深入理解 JavaScript Prototype 污染攻击还有一篇案例关于js原型链污染的ctf题:从一道 ...
技术分享经典 javaScript原型链面试题
技术分享 javaScript原型链一个小题目前置知识变量提升和函数提升 this指针的指向原型链是什么 new操作符的工资流程一个小题目今天我们部门的技术分享上出现了这样一段代码: fu ...

javascript 原型链实现继承简单例子

javascript 原型链实现继承简单例子相关推荐

最新文章

热门文章