javascript - 为什么实例对象调用方法的值不会随原型的改变而改变-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 为什么实例对象调用方法的值不会随原型的改变而改变

PHP中文网 2017-04-10 18:05:06

[JavaScript讨论组]

530

看书看到的例子：

var Car = function (wheelCount) {
    this.wheels = wheelCount || 4;
}

Car.prototype.odometer = 0;

Car.prototype.drive = function (miles) {
    this.odometer += miles;
    return this.odometer;
}

var tesla = new Car();

Car.prototype.odometer = 200;

tesla.drive(10) //210

Car.prototype.odometer = 2000;

tesla.drive(10) //220

第二次调用tesla.drive(10)时是220而不是2010，我的理解是因为实例化对象在调用函数以后其内部创建了自己的odometer变量环境就与原型无关了，书上没有说明原因不知道我理解的对不对，还望指教。谢谢。

PHP中文网

认证高级PHP讲师

全部回复(5)

PHPz2017-04-10 18:07:06 5楼

你的代码

var tesla = new Car();

Car.prototype.odometer = 200;

tesla.drive(10) //210 （经过这次drive，在tesla上创建了odometer属性）

Car.prototype.odometer = 2000;（这个只改了原型）

tesla.drive(10) //220（这个操作的是属性）

这样改一下,因为在原型里面用this.xxx =yyy 赋值，如果不存在会创建对象的属性，下一次再操作原型，显示的就是属性的值，而不是原型上的值。

这是你要的效果

var Car = function (wheelCount) {
  this.wheels = wheelCount || 4;
}

Car.prototype.odometer = 0;

Car.prototype.drive = function (miles) {
  **this.__proto__.odometer** += miles;
  console.log(this.odometer);
};

var tesla = new Car();

Car.prototype.odometer = 200;

tesla.drive(10) //210   

Car.prototype.odometer = 2000;

tesla.drive(10) //2010