JavaScript 原型链变化,为什么导致变量跟着变化?

查看:64
本文介绍了JavaScript 原型链变化,为什么导致变量跟着变化?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

不知为啥,当代码执行了倒数第二行 C.prototype = b; 之后,变量 b 的值也随之改变了,第一次输出 B {y: 2},第二次输出 A {y: 2},请 JavaScript 大牛帮忙解答一下。代码如下:

(function() {

  function A(x) {
    this.x = x;
  }

  function B(y) {
    this.y = y;
  }

  function C(z) {
    this.z = z;
  }

  var a = new A(1);
  B.prototype = a;

  var b = new B(2);
  console.log(b);    // B {y: 2}

  C.prototype = b;   
  console.log(b);    // A {y: 2}

}());

下图为 Chrome 控制台调试过程:

原问题为:请问chrome中console.log打印的对象名是指向哪里?

解决方案

感觉像 chrome的bug Safari没有这个问题

这篇关于JavaScript 原型链变化,为什么导致变量跟着变化?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆