- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在下面的代码片段中,为什么当我调用 sailboat.getHasEngine()
时,boat.calls
会增加?另外,为什么只调用一次 getHasEngine() 后 sailboat.calls
设置为 2?
let vehicle = {
calls: 0,
hasEngine: null,
getHasEngine: function() {
vehicle.calls = vehicle.calls + 1;
this.calls = this.calls + 1;
return this.hasEngine;
},
canFly: null,
getCanFly: function() {
vehicle.calls = vehicle.calls + 1;
this.calls = this.calls + 1;
return this.canFly;
}
}
let boat = Object.create(vehicle);
boat.canFly = false;
let sailboat = Object.create(boat);
sailboat.hasEngine = false;
let fishingBoat = Object.create(boat);
fishingBoat.hasEngine = true;
console.log(vehicle.calls);
// 0
console.log(boat.calls);
// 0
console.log(sailboat.calls);
// 0
sailboat.getHasEngine();
console.log(vehicle.calls);
// 1
console.log(boat.calls);
// 1
console.log(sailboat.calls);
// 2
最佳答案
因为 getHasEngine
中的这一行:
vehicle.calls = vehicle.calls + 1;
这是直接访问vehicle
对象。由于 boat
没有自己的 calls
属性,它继承自 vehicle
,因此 boat.calls
是1.
Also, why is
sailboat.calls
set to 2 after only callinggetHasEngine()
once?
也因为这一行:它将 vehicle.calls
设置为 1
,此时,sailboat
没有自己的调用
,因此它继承了该属性。然后在下一行执行以下操作:
this.calls = this.calls + 1;
这就是读取 vehicle.calls
(1),加 1,然后将结果 (2) 分配给 sailboat.calls
.
让我们给它添加一些 ASCII 艺术。创建对象之后、调用 getHasEngine
之前,内存中包含以下内容(省略详细信息):
+−−−−−−−−−−+vehicle−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+−−>| (object) | | +−−−−−−−−−−+ | | calls: 0 | | +−−−−−−−−−−+ +−−−−−−−−−−−−−−−+ | boat−−−−−−−−−−−−−−−−−−−−−−−−−−−+−−>| (object) | | | +−−−−−−−−−−−−−−−+ | | | [[Prototype]] |−−+ | +−−−−−−−−−−−−−−−+ | +−−−−−−−−−−−−−−−+ |sailboat−−−>| (object) | | +−−−−−−−−−−−−−−−+ | | [[Prototype]] |−−+ +−−−−−−−−−−−−−−−+
Note that neither boat
nor sailboat
has a calls
property.
After getHasEngine
is called once, you have this — note that sailboat
now has a calls
property (because it was created by this.calls = this.calls + 1;
):
+−−−−−−−−−−+vehicle−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−+−−>| (object) | | +−−−−−−−−−−+ | | calls: 1 | | +−−−−−−−−−−+ +−−−−−−−−−−−−−−−+ | boat−−−−−−−−−−−−−−−−−−−−−−−−−−−+−−>| (object) | | | +−−−−−−−−−−−−−−−+ | | | [[Prototype]] |−−+ | +−−−−−−−−−−−−−−−+ | +−−−−−−−−−−−−−−−+ |sailboat−−−>| (object) | | +−−−−−−−−−−−−−−−+ | | [[Prototype]] |−−+ | calls: 2 | +−−−−−−−−−−−−−−−+
Here's a version with some logging to help show that a bit:
let vehicle = {
calls: 0,
hasEngine: null,
getHasEngine: function() {
console.log("updating vehicle.calls");
vehicle.calls = vehicle.calls + 1;
console.log("vehicle.calls is now vehicle.calls");
console.log("About to update this.calls, does this have calls?", this.hasOwnProperty("calls"));
this.calls = this.calls + 1;
console.log("Just updated this.calls, does this have calls?", this.hasOwnProperty("calls"));
return this.hasEngine;
},
canFly: null,
getCanFly: function() {
vehicle.calls = vehicle.calls + 1;
this.calls = this.calls + 1;
return this.canFly;
}
}
let boat = Object.create(vehicle);
boat.canFly = false;
let sailboat = Object.create(boat);
sailboat.hasEngine = false;
let fishingBoat = Object.create(boat);
fishingBoat.hasEngine = true;
console.log(vehicle.calls); // 0
console.log(boat.calls); // 0
console.log("boat has calls?", boat.hasOwnProperty("calls"));
console.log(sailboat.calls); // 0
console.log("sailboat has calls?", sailboat.hasOwnProperty("calls"));
sailboat.getHasEngine();
console.log(vehicle.calls); // 1
console.log(boat.calls); // 1
console.log("boat has calls?", boat.hasOwnProperty("calls"));
console.log(sailboat.calls); // 2
console.log("sailboat has calls?", sailboat.hasOwnProperty("calls"));
.as-console-wrapper {
max-height: 100% !important;
}
如果删除 vehicle.calls =
行,您会发现它不再发生:
let vehicle = {
calls: 0,
hasEngine: null,
getHasEngine: function() {
//vehicle.calls = vehicle.calls + 1;
this.calls = this.calls + 1;
return this.hasEngine;
},
canFly: null,
getCanFly: function() {
//vehicle.calls = vehicle.calls + 1;
this.calls = this.calls + 1;
return this.canFly;
}
}
let boat = Object.create(vehicle);
boat.canFly = false;
let sailboat = Object.create(boat);
sailboat.hasEngine = false;
let fishingBoat = Object.create(boat);
fishingBoat.hasEngine = true;
console.log(vehicle.calls); // 0
console.log(boat.calls); // 0
console.log(sailboat.calls); // 0
sailboat.getHasEngine();
console.log(vehicle.calls); // 0
console.log(boat.calls); // 0
console.log(sailboat.calls); // 1
关于javascript - 关于 Object.create() 和属性继承的混淆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53178062/
假设有一个创建用户的操作。如果存在指定的电子邮件或用户名,此操作可能会失败。如果它失败了,则需要确切地知道原因。在我看来,有三种方法可以做到这一点,我想知道是否有明显的赢家。 所以,这是一个类用户:
var obj1 = Object.create; console.log(typeof obj1); var obj2 = Object.create(null); console.log(type
I am getting this error after running npm run build yield User.create({^在运行NPM Run Build Year Use
我应该为其他人将从中继承的第一个父对象传递哪个参数,哪个参数更有效 Object.create(Object.prototype) Object.create(Object) Object.creat
我正在尝试使用 JDBC(最新版本)设置 SQL Server 2008 数据库。 我有一个我想一起执行的 setup sql 命令列表: 基本上我做的是: connection.setAutoCom
我正在尝试创建一个 CloudFormation 模板来创建一个 Auto Scaling 组,以便我可以从中启动 2 个实例。 我已经创建了 Auto Scaling 组,但我不知道如何编写用于从
我正在创建我的第一个WordPress网站。我已经在我的网站上安装了Elementor Pro插件。随之而来的一个有利因素是“循环旋转木马”。。。当我把它添加到我的页面时,一切似乎都在工作,但是当我点
create-react-app error 我从终端运行yarn start时收到此错误消息...我尝试了sudo killall node和许多其他过程来清除i-node却没有成功。 我也将我的c
在 CRM 中,当我尝试设置工作流程时,我可以选择与某个实体的创建时间相关的超时。涉及三个字段。 记录创建于 创建于 修改时间 虽然最后一个很明显,但我看不出其他两个之间有任何逻辑上的区别。 最佳答案
我在一次采访中被问到这个问题。我无法回答。 "browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" ] 我可以
这是一个 Rails 新手问题: 当我在模型上调用 create() 时,它会绕过关联的 Controller create 操作吗? 例如,这没有命中我的标签 Controller #create
我不明白这两种特权之间的区别。 我找到了这两种解释,但对我没有帮助。 CREATE TABLE -> Enables a user to create a table owned by that us
我是 SharePoint 工作流的新手。 创建新任务并分配 TaskId 时,我有两个选项: 创建一个新字段来保存 TaskId 创建一个新属性来保存 TaskId。 新属性是一个依赖属性。 我的问
我突然注意到我们的代码库中有一个TDataModuleTestExchange(nil)“构造函数调用”: procedure TDialoogConfigExchange.ButtonTestCli
我有一个具有 TComponent 变量的单元,我在单元初始化时创建此组件,如下所示: var XComp: TComponent; . . . . initialization begin
Composer 是否提供了更新项目创建时使用的包的方法?即,如果我使用以下内容创建一个新的 Laravel 项目 composer create-project --prefer-dist lara
在 Hibernate 中,如果我们将 hbm2ddl.auto 设置为 create/create-drop ,那么它将在启动时删除旧模式并创建新模式。这意味着,它也会删除数据?..我的疑问是,如果
我使用了 create an Automated Build 中的此链接 ( this guide ) . 浏览器错误控制台显示: https://hub.docker.com/v2/reposito
我已经搜索了 msdn 并没有找到答案。我应该知道有什么区别吗? 如果真的没有区别,那么为什么会存在这种冗余? --SQL Server Stored Procedure Syntax CREATE
我有以下内容: var CardViewModel = function (data) { ko.mapping.fromJS(data, {}, this); this.editin
我是一名优秀的程序员,十分优秀!