草庐IT

javascript - Javascript原型(prototype)继承和对象属性阴影

coder 2024-07-17 原文 

var person = { name :"dummy", personal_details: { age : 22, country : "USA" } };

var bob = Object.create(person);

bob.name = "bob";
bob.personal_details.age = 23;


console.log(bob.personal_details === person.personal_details);
// true : since it does not shadow object of prototype object

console.log(bob.name  === person.name);
// false : since it shadows name

////now
bob.personal_details  = {a:1};
console.log(bob.personal_details === person.personal_details);

//假

当对象 bob 尝试覆盖人的“名称”属性时，它会在bob自身中被遮盖。

但是如果使用 personal_details ，则违反了相同规则。

我很想知道为什么会这样？

这是jsbin的链接:http://jsbin.com/asuzev/1/edit

最佳答案

下面的例子可以很容易地说明发生了什么:
通过原型(prototype)链访问personal_details

var person = { name :"dummy", personal_details: { age : 22, country : "USA" } }
var bob = Object.create(person)

bob.name = "bob"
bob.personal_details.age = 23
输出如下:
console.log( bob );
/// { name :"bob", personal_details: { age : 23, country : "USA" } }

console.log( person )
/// { name :"dummy", personal_details: { age : 23, country : "USA" } }
现在在人员对象上设置了23岁，because bob.personal_details是通过bob的原型(prototype)链直接引用person.personal_details的对象。导航到对象结构后，就可以直接使用person.personal_details对象。

用本地属性覆盖原型(prototype)属性
但是，如果用另一个对象覆盖bob的personal_details属性，则该原型(prototype)链接将被更本地的属性覆盖。
bob.personal_details = { a: 123 }
现在的输出是:
console.log( bob );
/// { name :"bob", personal_details: { a : 123 } }

console.log( person )
/// { name :"dummy", personal_details: { age : 23, country : "USA" } }
因此，从现在开始，通过访问bob.personal_details，您引用的是{ a: 123 }对象，而不是person的原始{ age : 23, country : "USA" }对象。所做的所有更改都将在该对象上发生，并且基本上与bob或person对象无关。

原型(prototype)链
为了使事情变得有趣，完成以上所有操作后，您认为会发生什么:
delete bob.personal_details
您最终使原始原型(prototype)链接恢复为person.personal_details(因为您已删除添加的本地属性)，因此控制台日志将显示:
console.log( bob );
/// { name :"bob", personal_details: { age : 23, country : "USA" } }
基本上，JavaScript引擎将沿原型(prototype)链进行工作，直到找到每个原型(prototype)对象上要请求的属性或方法为止。项设置的距离越远，这意味着它将在以后向下覆盖其他项。
现在再问一个问题，如果再次触发以下命令会发生什么？
delete bob.personal_details
没有，不再分配给bob的实际属性称为personal_details，delete将仅在当前对象上起作用，而不会遵循原型(prototype)链。

一种不同的看待方式
观察原型(prototype)链如何工作的另一种方法基本上是想象一堆对象。当JavaScript扫描特定的属性或方法时，它将通过以下结构向下读取:
bob :          {  }
  person :     { name: 'dummy', personal_details: { age: 22 } }
    Object :   { toString: function(){ return '[Object object]'; } }
因此，举例来说，我想访问bob.toString。 toString是JavaScript基本对象Object上存在的方法，该对象是几乎所有内容的基本原型(prototype)。当解释器获得对对象上特定方法或属性的读取请求时，它将遵循以下事件链:
  • bob是否具有称为toString的属性？ 编号
  • bob.__proto__(即person)是否具有称为toString的属性？ 编号
  • bob.__proto__.__proto__(即Object)是否具有称为toString的属性？ 是
  • 返回对function(){ return '[Object object]'; }的引用

    • 一旦到达点4，解释器将返回对Object上toString方法的引用。如果未在Object上找到该属性，则很可能会触发未定义属性的错误(因为它是链中的最后一个)。
    现在，如果我们以前面的示例为例，这一次在toString上定义bob方法-因此:
    bob :          { toString: function(){ return '[Bob]'; } }
  person :     { name: 'dummy', personal_details: { age: 22 } }
    Object :   { toString: function(){ return '[Object object]'; } }
    如果我们尝试再次读取bob上的toString方法，则这次得到:
  • bob是否具有称为toString的属性？ 是。

    • 该过程在第一个障碍处停止，并从bob返回toString方法。这意味着bob.toString()将返回[Bob]而不是[Object object]。
    正如Phant0m简洁指出的那样，对对象的写入请求将遵循不同的路径，并且永远不会沿原型(prototype)链向下移动。理解这一点是要弄清什么是读请求和什么是写请求之间的区别。
    bob.toString                   --- is a read request
bob.toString = function(){}    --- is a write request
bob.personal_details           --- is a read request
bob.personal_details = {}      --- is a write request
bob.personal_details.age = 123 --- is a read request, then a write request.
    最后一项是引起困惑的一项。该过程将遵循以下路线:
  • bob是否具有称为personal_details的属性？ 编号
  • person是否具有称为personal_details的属性？ 是。
  • 返回对{ age: 22 }的引用，该引用存储在内存中的某个位置。

    • 现在开始新的过程，因为对象导航或分配的每个部分都是对属性或方法的新请求。因此，现在我们有了personal_details对象，我们将其切换到写入请求，因为= equals左侧的属性或变量始终是赋值。
  • 将值123写入对象age上的属性{ age: 22 }

    • 因此原始请求可以看作是这样的:
    (bob.personal_details)            --- read
    (personal_details.age = 123)  --- write
    如果bob拥有自己的personal_details属性，则过程将相同，但是写入的目标对象将不同。

    最后...
    提出您的问题:

    Its difficult to digest that properties on prototype objects are treated as READ_ONLY, but if property is an object then one can get hold of it and can freely modify its properties !! Is my understanding right ?


    原型(prototype)属性看似只读，但仅当作为继承它们的对象的属性直接访问时才使用-因为这些属性实际上根本不在继承对象上存在。如果您向下浏览到原型(prototype)对象本身，则可以将其视为任何普通对象(具有读写功能)，因为它就是所谓的普通对象。最初可能会造成混淆，但这是性质或原型(prototype)继承，而这完全取决于您如何访问要使用的属性。

    关于javascript - Javascript原型(prototype)继承和对象属性阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14379208/

    javascriptcodepersonal_detailspersonalprototypal-inheritance

    有关javascript - Javascript原型(prototype)继承和对象属性阴影的更多相关文章

    1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

      总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

    2. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

      在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

    3. ruby-on-rails - 如果为空或不验证数值，则使属性默认为 0 - 2

      我希望我的UserPrice模型的属性在它们为空或不验证数值时默认为0。这些属性是tax_rate、shipping_cost和price。classCreateUserPrices8,:scale=>2t.decimal:tax_rate,:precision=>8,:scale=>2t.decimal:shipping_cost,:precision=>8,:scale=>2endendend起初，我将所有3列的:default=>0放在表格中，但我不想要这样，因为它已经填充了字段，我想使用占位符。这是我的UserPrice模型:classUserPrice回答before_val

    4. ruby-on-rails - 在混合/模块中覆盖模型的属性访问器 - 2

      我有一个包含模块的模型。我想在模块中覆盖模型的访问器方法。例如:classBlah这显然行不通。有什么想法可以实现吗？ 最佳答案 您的代码看起来是正确的。我们正在毫无困难地使用这个确切的模式。如果我没记错的话，Rails使用#method_missing作为属性setter，因此您的模块将优先，阻止ActiveRecord的setter。如果您正在使用ActiveSupport::Concern(参见thisblogpost)，那么您的实例方法需要进入一个特殊的模块:classBlah

    5. ruby-on-rails - 如何验证非模型(甚至非对象)字段 - 2

      我有一个表单，其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在？solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss

    6. Ruby 写入和读取对象到文件 - 2

      好的，所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象？所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是，我该如何再次将这个id变回一个对象？我知道我可以自己挑选信息并制作一个接受该信

    7. ruby - 多个属性的 update_column 方法 - 2

      我有一个具有一些属性的模型:attr1、attr2和attr3。我需要在不执行回调和验证的情况下更新此属性。我找到了update_column方法，但我想同时更新三个属性。我需要这样的东西:update_columns({attr1:val1,attr2:val2,attr3:val3})代替update_column(attr1,val1)update_column(attr2,val2)update_column(attr3,val3) 最佳答案 您可以使用update_columns(attr1:val1,attr2:val2

    8. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

      如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

    9. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

      我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议？谢谢，马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单，因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法，但您没有调

    10. ruby - Nokogiri 剥离所有属性 - 2

      我有这个html标记:我想得到这个:我如何使用Nokogiri做到这一点？ 最佳答案 require'nokogiri'doc=Nokogiri::HTML('')您可以通过xpath删除所有属性:doc.xpath('//@*').remove或者，如果您需要做一些更复杂的事情，有时使用以下方法遍历所有元素会更容易:doc.traversedo|node|node.keys.eachdo|attribute|node.deleteattributeendend 关于ruby-Nokog

    随机推荐