假设有如下代码:

function A() {this.name = "A"}
function B() {this.name = "B"}
A.prototype.whatever = function() {/* some code */};

这个时候要使 B 继承 A,用

B.prototype = new A();
B.prototype.constructor = B;

我想知道,这里为啥是 B.prototype = new A(); 而不是 B.prototype = A or B.prototype = A.prototype?

又有:

var c = new A();
var b = new B();

既然 c == B.prototype == new A(); 那 b 和 c 是什么关系啊?

作者:李引证

链接:http://www.zhihu.com/question/20801227/answer/16239270

来源:知乎

1.为啥是 B.prototype = new A(); 而不是 B.prototype = A or B.prototype = A.prototype?

要实现继承,就必须保证B继承A以后,B所做的修改不能影响到A以及继承自A的其它对象。

如果B.prototype = A的话,那么着两个对象的引用是完全一致了,这样的话,如果赋值 B.prototype.name=45455;那么A.name就直接变成45455;

直接把A和继承自A的其它对象全部改了,这根本谈不上继承。

至于B.prototype = A.prototype也是同理,修改B的原型就会直接把A的原型给污染掉。

B.prototype = new A();这个方法,是创建了一个新的对象{},并且继承了A的原型,这是一个新对象,不是和A同一引用,所以不会污染A。

我们先把B.prototype改成另外一个名字,叫XXX,此时XXX=new A();

当你请求XXX. whatever的时候,此时它不存在,将会向上从构造函数,也就是A()里找

也就是B.prototype. whatever ==XXX. whatever ==A.prototype.whatever

这就顺利的请求到了值,而且不会污染A。

B.prototype.constructor = B;
这行是把B的constructor重新设为B,不然的话它就会变成A

2.var c = new A();这行,它是一个新的继承对象。

虽然上面定义了B.prototype=new A(); 但是B.prototype和C不相等,它们是两个完全不同的对象

如果想让它们相等的话,也就不用做继承了……直接赋值给它引用就行了嘛

var c = new A();
var b = new B();

这个是原型链的经典。

我想请求一个b.whatever

那么首先它在b对象里找,没找到。

然后它去b的构造函数B.prototype里找,这个时候也没有

于是它就去B.prototype的构造函数A里找,终于找到A.prototype.whatever,于是它返回给B.prototype. whatever,再返回给b.whatever

这就实现了原型链的继承关系。

b.whatever==B.prototype.whatever==A.prototype.whatever

其目的在于,B完全继承A的东西,只要A原型里有的,B的实例(通过new B产生的)都可以拿到。

但修改实例的属性和方法不会影响类(好吧,js没有这两个词,意思差不多)

修改子类的属性和方法不会影响父类(好吧,js没有这两个词,意思差不多)

不同实例之间是不同的对象,并不相等。

3.继承和实例的区别很好理解,你上面那个,c就是A的实例,B就是A的继承,他们之间还是有很大区别的。

B 可以被当作构造函数被实例化,此时B的实例可以获取到父类A的属性以及方法。

而c这个A的实例却不能被实例化,即不能用 xxx=new c();

B的原型完全照搬了A,也就是B.prototype和A的原型一样。

c没有prototype,它是没有任何原型的。

JavaScript 继承代码中,B.prototype = new A(); 的含义是什么?[转自知乎]的更多相关文章

  1. 《ext江湖》第8章继承-代码片段

    创建Animal对象 <html> <head> <title>11</title> <META HTTP-EQUIV="Content ...

  2. Javascript中的prototype与继承

    通常来说,javascript中的对象就是一个指向prototype的指针和一个自身的属性列表.javascript创建对象时采用了写时复制的理念. 只有构造器才具有prototype属性,原型链继承 ...

  3. 谈谈javascript中的prototype与继承

    谈谈javascript中的prototype与继承 今天想谈谈javascript中的prototype. 通常来说,javascript中的对象就是一个指向prototype的指针和一个自身的属性 ...

  4. JavaScript强化教程——Cocos2d-JS中JavaScript继承

    javaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求.由于Cocos2d-JS引擎是从Cocos2d-x演变而来 ...

  5. Cocos2d-JS中JavaScript继承

    JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求.由于Cocos2d-JS引擎是从Cocos2d-x演变而来 ...

  6. JavaScript——中的prototype(原型)

    JS中的prototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个 ...

  7. Javascript中的prototype和__proto__的联系区别

    转载至http://www.cnblogs.com/sinstone/p/5136871.html   一.联系 prototype和__proto__都指向原型对象,任意一个函数(包括构造函数)都有 ...

  8. javascript继承—prototype最优两种继承(空函数和循环拷贝)

    一.利用空函数实现继承 参考了文章javascript继承-prototype属性介绍(2) 中叶小钗的评论,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权 ...

  9. 深入理解Javascript中this, prototype, constructor

    在Javascript面向对象编程中经常需要使用到this,prototype和constructor这3个关键字. 1.首先介绍一下this的使用:this表示当前对象;如果在全局中使用this,则 ...

随机推荐

  1. .Net防sql注入的方法总结

    #防sql注入的常用方法: 1.服务端对前端传过来的参数值进行类型验证: 2.服务端执行sql,使用参数化传值,而不要使用sql字符串拼接: 3.服务端对前端传过来的数据进行sql关键词过来与检测: ...

  2. Spring 源代码学习(一)

    一 .Spring容器最基本的功能 1. 读取配置文件 2. 校验配置文件的正确性 3. 将配置文件信息加载到内存 4. 通过反射实例化bean对象 5. 构建系统  二 .核心类关系图 图1-1 D ...

  3. flask运行环境搭建(nginx+gunicorn)

    系统:CentOS7.2(阿里云ESC) 1.python版本,使用的是默认的python2.7(或者先安装python3) 2.安装nginx,yum install -y nginx 3.安装vi ...

  4. GlobalSign 多域型(SNAs) SSL 证书

    GlobalSign 多域型(SNAs) SSL 证书 GlobalSign 多域型(SNAs) SSL 证书,有别于通配符 SSL 证书可以同时保护一个域名下所有的子域名网站,SANs 证书更进一步 ...

  5. JavaSE 学习笔记之package包(十一)

    包:定义包用package关键字. 1:对类文件进行分类管理. 2:给类文件提供多层名称空间. 如果生成的包不在当前目录下,需要最好执行classpath,将包所在父目录定义到classpath变量中 ...

  6. MongoDB整库备份与还原以及单个collection备份、恢复

    备份前的检查> show dbsMyDB 0.0625GBadmin (empty)bruce 0.0625GBlocal (empty)test 0.0625GB> use MyDBsw ...

  7. springboot优雅关机

    Spring boot 2.0 之优雅停机  rabbitGYK 关注 2018.05.20 18:41* 字数 1794 阅读 2638评论 0喜欢 22 spring boot 框架在生产环境使用 ...

  8. [tsA1491][2013中国国家集训队第二次作业]家族[并查集]

    m方枚举,并查集O(1)维护,傻逼题,,被自己吓死搞成神题了... #include <bits/stdc++.h> using namespace std; struct tri { i ...

  9. P1294 高手去散步 洛谷

    https://www.luogu.org/problem/show?pid=1294#sub 题目背景 高手最近谈恋爱了.不过是单相思.“即使是单相思,也是完整的爱情”,高手从未放弃对它的追求.今天 ...

  10. SpringMVC项目

    一.说明该项目是为了演示SpringMVC框架中涉及到的一些知识点,相对独立,掌握这些,基本上就能够解决工作中遇到的一些问题.整个项目的构建规划如下: 1.创建一个标准的Maven Web项目;2.使 ...