开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么在执行Object.create(null)之后将其原型设置为Object.prototype将不允许在Object.prototype中执行方法

在执行Object.create(null)之后将其原型设置为Object.prototype将不允许在Object.prototype中执行方法的原因是，Object.create(null)创建的对象是一个纯粹的空对象，它没有继承任何属性和方法，也没有原型链。因此，将其原型设置为Object.prototype后，该对象仍然不具备Object.prototype中定义的方法。

Object.prototype是JavaScript中所有对象的原型对象，它包含了一些常用的方法，比如toString()、valueOf()等。当我们在一个对象上调用方法时，JavaScript会先在该对象自身查找该方法，如果找不到，就会沿着原型链向上查找，直到找到该方法或者到达原型链的顶端。

然而，通过Object.create(null)创建的对象没有原型链，它不继承任何属性和方法，因此无法在Object.prototype中执行方法。如果将其原型设置为Object.prototype，虽然该对象会继承Object.prototype中的方法，但由于没有原型链，无法通过该对象直接调用这些方法。

这种情况下，可以考虑使用其他方式来执行方法，比如直接调用Object.prototype中的方法，或者将方法定义在该对象自身上。另外，也可以考虑使用其他对象创建方式，如字面量方式{}或者构造函数方式new Object()，这些方式会继承Object.prototype中的方法。

腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

你的手写 new 实现足够严谨吗？

基本上，上面代码的实现没有什么问题，但是我突然产生了一个疑问：当第一个参数是 null 的时候，Fn.prototype = proto 已经把构造函数的原型对象设置为 null了，为什么后面还要在判断第一个参数为...null 之后设置 obj....这就能解释为什么用 null 重写构造函数的原型后，实例的 __proto__ 没有跟着改变了，因为在调用构造函数的过程中，它链接上了 Object.prototype，可以说，这里实例的原型链并没有断开...可以看到，加入了对构造函数原型可能为 null 的处理之后，返回的实例的 __proto__ 明确指向了 Object.prototype。...不过，从语言设计的角度来说，为什么不将实例的 __proto__ 也跟着设置为 null 呢？这里不断开实例的原型链，而是将其链接到 Object.prototype 有什么好处？

4901 0

JavaScript继承与原型链

该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。...在JavaScript当中使用原型链因为JavaScript是基于原型的，因此函数是允许拥有属性的，如图。所有的函数都有一个特别的属性——prototype。...的原型为 null // 原型链如下： // o ---> Object.prototype ---> null var a = ["yo", "whadup", "?"]...中包含 call, bind 等方法) // 原型链如下： // f ---> Function.prototype ---> Object.prototype ---> null 使用构造器 function...c ---> b ---> a ---> Object.prototype ---> null var d = Object.create(null); // d ---> null console.log

1462 0

图解JavaScript对象原型与原型链

：橙黄色实心代表函数，函数是可执行的对象；橘红色圈圈代表prototype属性，且总是存在于函数对象中；蓝紫色带箭头线段代表原型链的走向；蓝绿色实心代表普通对象圈圈+实心组合形式的含义：橘红色圈圈...+黄色实心代表prototype属性为函数对象；橘黄色圈圈+蓝绿色实心代表prototype属性为普通对象；图中，prototype属性就是可以被继承的原型，原型可以是函数，也可以是普通对象，没有原型的对象为数不多...使用Object.create()创建的对象的原型却不一定是Object.prototype，这取决于传入的第一个参数，因为第一个参数是用来指定我们想要创建的对象的原型，除非第一个参数传入Object.prototype...``，显然这么做对Object.create()```这个方法属实大材小用了。...__proto__ === Object.prototype // true 为什么Function.prototype作为一个函数，它的原型不应该是Function.prototype自身吗，规范就是这么规定的

5202 0

深入理解继承

任何通过对象字面量定义的对象都有一个__proto__设置为object.prototype，意味着它们都继承Object.prototype对象中的属性，就像这个例子中的book： var book...1.2.从Object.prototype中继承的方法我们在前几天使用的一些方式实际上是定义在Object.prototype原型对象中，因此所有其他对象也都继承了这些方法。...这个对象自动继承自Object.prototype，并且属性默认被设置成可配置，可枚举，可写。第二个声明和第一个一样，但是显示使用了Object.create()方法。...当对象的属性被访问时，JavaScript会首先会在对象的属性中搜索，如果没有找到，则继续在__proto__指向的原型对象中搜索。...原型链的末端结束于Object.prototype，Object.prototype对象的__proto__内部属性为null。

4674 0

详解JavaScript的继承和原型链(prototype)

这种通过 __proto__ 属性来链接对象的方法，称之为原型链。...hasOwnProperty 是 JavaScript 中唯一一个不会遍历原型链的方法。...var a = {a: 1}; // a ---> Object.prototype ---> null var b = Object.create(a); // b ---> a ---> Object.prototype...---> null console.log(b.a); // 1 (继承而来) var c = Object.create(b); // c ---> b ---> a ---> Object.prototype...因为d没有继承Object.prototype 四、其他 1、性能试图访问不存在的属性时会遍历整个原型链，在原型链上查找属性比较耗时，对性能有副作用。

4861 0

这 6 点知识让我对 JavaScript 的对象有了更进一步的了解

创建具有特定原型的对象 protoRabbit充当所有兔子共享的属性的容器单个兔子对象（如杀手兔子）包含仅适用于自身的属性（在本例中为type），并从其原型派生共享属性 let protoRabbit...3.构造函数 — 构造函数原型创建从某个共享原型派生的对象的更方便的方法是使用构造函数在 JavaScript 中，调用前面带有new关键字的函数会将其视为构造函数构造函数将其this变量绑定到一个新对象...我们通过简单分配创建的所有属性都是可枚举的，Object.prototype中的标准属性都是不可改变的，这就是为什么它们不出现在这样的for/in循环中的原因。...，在该示例中，hiddenNonsense在 map 中，但在 for...in 中不会显示。...现在，无论人们对Object.prototype做了什么，我们都可以安全地使用for/in循环 var map = Object.create(null); map["pizza"] = 0.069;

5862 0

彻底弄懂JS原型与原型链

图片可以看到obj上确实多了一个sayHello的属性，值为一个函数，但是问题来了，obj上面并没有hasOwnProperty这个方法，为什么我们可以调用呢？这就引出了原型。...现在我们已经初步理解了原型和原型链，到现在大家明白为什么数组都可以使用push、slice等方法，函数可以使用call、bind等方法了吧，因为在它们的原型链上找到了对应的方法。...personAlet personA = new Person('张三')// 在personA的原型上添加一个方法，以供之后Person创建的对象所共享personA....如果想要生成一个平常字面量方法生成的对象，需要将其原型对象指向Object.prototype：let obj = Object.create(Object.prototype)// 等价于let obj...创建一个全新对象，并将其__proto__属性指向构造函数的prototype属性。将构造函数调用的this指向这个新对象，并执行构造函数。

1.1K4 0

彻底搞懂JS原型与原型链

图片可以看到obj上确实多了一个sayHello的属性，值为一个函数，但是问题来了，obj上面并没有hasOwnProperty这个方法，为什么我们可以调用呢？这就引出了原型。...现在我们已经初步理解了原型和原型链，到现在大家明白为什么数组都可以使用push、slice等方法，函数可以使用call、bind等方法了吧，因为在它们的原型链上找到了对应的方法。...personAlet personA = new Person('张三')// 在personA的原型上添加一个方法，以供之后Person创建的对象所共享personA....如果想要生成一个平常字面量方法生成的对象，需要将其原型对象指向Object.prototype：let obj = Object.create(Object.prototype)// 等价于let obj...创建一个全新对象，并将其__proto__属性指向构造函数的prototype属性。将构造函数调用的this指向这个新对象，并执行构造函数。

1.4K2 0

JavaScript 设计模式学习第五篇－继承与原型链

// 对象字面量形式，原型被隐式地设置为 Object.prototype var rectangle = { sizeType: '四边形' } // Object.create() 创建，显示指定为...在访问一个对象的时候，JavaScript 引擎会执行一个搜索过程，如果在对象实例上发现该属性，该属性值就会被使用，如果没有发现则搜索其原型对象 [[Prototype]]，如果仍然没有发现，则继续搜索该原型对象的原型对象...[[Prototype]]，直到继承链顶端，顶端通常是一个 Object.prototype，其 [[prototype]] 为 null。...这就是原型链的查找过程。可以通过 Object.create() 创建 [[Prototype]]为 null 的对象：var obj = Object.create(null)。...，缺点是方法都是在构造函数中定义，每次创建实例都会重新赋值一遍方法，即使方法的引用是一致的。

2771 0

JS 原生方法原理探究（三）：如何实现 new 操作符？

简单翻译一下：当通过可能为空的参数列表调用函数 F 的内部方法 [[Construct]] 的时候，会执行如下步骤：让 obj 作为一个新创建的原生对象按照规范指定的，为 obj 设置所有内部方法...将 obj 的内部属性 [[Class]] 设置为 Object 传参 prototype 调用函数 F 的内部方法 [[Get]]，获取函数的原型对象，作为 proto 如果 proto 是对象，则将...obj 的内部属性 [[Prototype]] 设置为 proto 如果 proto 不是对象，则将 obj 的内部属性 [[Prototype]] 设置为标准内建的 Object 的原型对象调用函数...prototype 将实例对象绑定为构造函数中的 this，此前传递进来的参数作为参数，并执行一遍构造函数如果构造函数返回了对象，则将其作为返回值，否则将实例对象作为返回值代码实现 ES3 版本的实现如下...根据规范，我们在实现 new 的时候，需要检测构造函数的原型是不是对象，如果不是对象，比如说是 null，那么实例的 __proto__ 会指向 Object 的原型，而这里如果使用了 Object.create

9982 0

深入JavaScript原型链污染

这个对象将方法（在这个例子中是 Foo.myName）和特定的实例（在这个例子中是 foo1）绑定在一起。实际上，在像 Python 这样的面向对象语言中，方法并不是每个实例的独立副本。...这个原型对象本身也可能有它自己的原型，这样一层层向上直到一个对象的原型为 null，形成一条原型链。这种机制使得对象可以继承其他对象的属性和方法。...由于所有的“普通”对象都“源于”（或者说把Prototype链的顶端设置为）这个Object.prototype对象，所以它包含JavaScript中许多通用的功能。...新对象可以访问构造函数原型上的属性和方法。构造函数执行：构造函数（你在 new 后面调用的函数）被执行。构造函数内部的 this 关键字会被指向新创建的对象。...JavaScript原型继承从上一节可以看到，所有类对象在实例化的时候将会拥有原型对象中的属性和方法，这个特性被用来实现JavaScript中的继承机制。

1721 0

原型链

根据定义null没有原型，并作为原型链的最后一个环节。几乎所有JS中的对象都是位于原型链顶端的Object的实例基于原型链的继承 ---- 继承属性 JS对象有一个指向原型对象的链。...[[prototype]]为null,停止搜索 // 找不到d属性返回undefined 使用不同的方法来创建对象和生成原型链 ---- (1)使用语法结构创建的对象 var o = {a: 1}; /.../ o这个对象继承了Object.prototype上面的所有属性 // Object.prototype的原型为null // 原型链如下 // o -->Object.prototype -->null...--> Object.prototype --> null (2)使用构造器创建的对象在JS中，构造器其实就是一个普通的函数，当使用new 操作符来调用这个函数时，他就可以被称为构造方法(构造函数...--> null var c = Object.create(b) // c --> b --> a -->Object.prototype --> null var d = Object.create

4122 0

javascript设计模式五：原型模式

js世界中的null类似道，null生Object.prototype，Object.prototype生各种对象，各种对象生万物。以下给出我珍藏已久的js万物图帮助理解记忆： ?...在es5前，生成对象的原型只能达到Object.prototype，但es5出来后，js中新出个Object.create()方法可以创建以任意对象为原型的对象了，换言之，最高我们可以创建以null为原型对象的对象了...Object.create(null)，其用处广泛，例如在Vue和Vuex的源码中，作者都使用了Object.create(null)来初始化一个新对象，而非使用{}。...__protot__ === F.prototype); //true 总结一下，在js中，对象可以通过原型克隆来实现获取/继承原型对象的属性和方法，大多数情况下原型对象都是Object.prototype...，但有必要时，既可以通过Object.create()方法实现以任意对象为原型的克隆操作，也可以通过修改构造器的prototype指向来借用其他对象的属性方法，这种思想其实是非常风骚的，但也非常危险，用时自己斟酌吧

2902 0

JavaScript面向对象精要（二）

当一个对象的[[Prototype]]设置为另一个对象时，就在这两个对象之间创建了一条原型对象链。 1. Object.prototype 所有对象都继承自Object.prototype。...修改Object.prototype 在Object.prototype添加方法，默认是可枚举的，意味着可以出现在for-in循环中。...创建对象过程中，字面量形式会隐式指定Object.prototype为其[[Prototype]]，也可以用Object.create()方式显示指定。...var obj1 = {}; var obj2 = Object.create(Object.prototype, {}); Object.create()方法，第一个参数是需要设置为新对象的[[Prototype...末端通常是一个Object.prototype其[[prototype]]被置为null。

4134 1

JS 原生方法原理探究（二）：如何实现 Object.create？

作为调用 new Object() 方法所创建的新对象将 obj 的内部属性 [[prototype]] 设置为 O 如果提供了第二个参数 Properties，且不是 undefined，则调用...我们实际上创建了一个很纯粹的空对象，这个对象的原型直接就是 null，Object.prototype 甚至没有出现在该对象的原型链中，这意味这个对象不会继承 Object 的任何方法。...__proto__ = proto 应该是一样的，为什么还要在这种情况下执行一遍 obj.__proto__ = proto 呢？...因此，这里新创建的实例的 __proto__ 还真不是 null。但根据 Object.create 的实现规范，这里必须让实例的 __proto__ 指向 null，所以才需要执行 obj....__proto__ = proto 去手动设置对象原型。当然，如果我们像第一个实现那样，直接去设置对象的 __proto__，而不是采用构造函数的方式，就不存在这个问题了。

1.8K2 1

Javascript 原型链

该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。...[[Prototype]] 为 null，停止搜索 // 找不到 d 属性，返回 undefined使用不同的方法来创建对象和生成原型链使用语法结构创建的对象 2.JavaScript 对象有一个指向一个原型对象的链...是 Object.prototype 的属性 // 因此 o 继承了 Object.prototype 的 hasOwnProperty // Object.prototype 的原型为 null /...中包含 call, bind等方法) // 原型链如下: // f ---> Function.prototype ---> Object.prototype ---> null 使用构造器创建的对象...使用 Object.create 创建的对象 ECMAScript 5 中引入了一个新方法：Object.create()。可以调用这个方法来创建一个新对象。

5523 0

JavaScript中prototype用法

那么，Object.prototype对象有没有它的原型呢？回答可以是有的，就是没有任何属性和方法的null对象，而null对象没有自己的原型。...new命令通过构造函数新建实例对象，实质就是将实例对象的原型，指向构造函数的prototype属性，然后在实例对象上执行构造函数。...上面代码表示，如果对象o的原型是null，它就不具备一些定义在Object.prototype对象上面的属性，比如valueOf方法。...(null)) //false 上面代码中，由于Object.prototype处于原型链的最顶端，所以对各种实例都返回true，只有继承null的对象除外。...所以，在改变原型对象时，一般要同时设置constructor属性。

4392 0

分享 15 个关于 JS 对象相关的基础知识

1.对象字面量是创建对象的最简单方式创建对象的最简单方法是使用对象字面量。我们在花括号 {} 中定义了一组属性，用逗号分隔。下面是一个例子。...对象继承自其他对象在 JavaScript 中，对象继承自其他对象。对象有一个名为 __proto__ 的隐藏属性，指向它们的原型。所有对象都继承自全局 Object.prototype。...更改是在当前对象上完成的，而不是在它的原型上请记住，更改是在当前对象上完成的，而不是在其原型上。原型仅用于阅读。添加、编辑或删除对当前对象执行的属性时。...以下示例中的 delete 运算符不执行任何操作，它不会从原型中删除 toString 属性。...我们可以创建没有原型的对象 Object.create(null) 创建一个没有原型的对象。 const obj = Object.create(null); console.log(obj.

8254 0

JavaScript对象

没有原型的对象为数不多，Object.prototype就是其中之一。它不继承任何属性。...通过原型继承创建一个新对象： function inherit(p){ if(p == null) throw TypeError(); if(Object.create) return Object.create...如果允许属性赋值操作，它也总是在原始对象上创建属性或对已有的属性赋值，而不会去修改原型链。在JavaScript中，只有在查询属性是才会体会到继承的存在，而设置属性则和继承无关。...null == undefined //true null === undefined //false 八、可枚举属性 for-in循环可以在循环体中遍历对象中所有可枚举的属性（包括自身属性和继承属性...不可扩展”之后的思路！！

7524 1

JS 中对象的简单创建和继承

() 这个方法有两个参数，第一个参数是这个对象的原型，第二个参数用以对对象的属性进行进一步描述（可选） var obj = Object.create({x:1}); var obj1 = Object.create...Object的属性，并具有obj.x = 1 的属性值但当参数为null时，obj1则是一个没有原型的新对象，不会继承任何东西，甚至没有初始的toString()方法。...{ // 不能从null中继承 throw TypeError(); } if(Object.create){ //如果有这个方法就直接使用 return...){ // 不能从null中继承 throw TypeError(); } if(Object.create){ //如果有这个方法就直接使用 return...(q.x+q.y == q.z);//true 对象属性相关操作涉及到了原型链的规则值得注意的是：它总是在原始对象上创建属性或对已有的属性赋值，而不会去修改原型链；在JS中，只有在查询属性时才会体会到继承的存在

2.8K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭