JavaScript Object.setPrototypeOf() 方法

2024 年 9 月 4 日 | 阅读 2 分钟

Object.setPrototypeOf() 方法将指定对象的原型（即内部的 [[Prototype]] 属性）设置为另一个对象或 null。所有 JavaScript 对象都继承自原型。这是设置对象原型的正确方法。

语法

参数

obj: 这是要设置其原型的对象。

Prototype: 这是对象的新原型（一个对象或 null）。

返回值

此方法返回指定的对象。

浏览器支持

Chrome	34
边	是的
火狐	31
Opera	是的

示例 1

let raay = {
  drive() {
    return 'Add raay';
  }
}
let naty  = {
  net() {
    return 'use net';
  }
}
// Set raay's __proto__ to naty's  __proto__'s  __proto__
Object.setPrototypeOf(naty, raay);

console.dir(naty); //prints the naty object
console.log(naty.net()); // use net
console.log(naty.drive()); // Add raay

输出

 [object Object] {
  drive: drive() {
    return 'Add raay';
  },
  net: net() {
    return 'use net';
  }
}
"use net"
"Add raay"

示例 2

 var Animal = {
   speak() {
     console.log(this.name + ' makes');
   }
};

class Dog {
   constructor(name) {
   this.name = name;
  }
}

Object.setPrototypeOf(Dog.prototype, Animal); 
// If you do not do this you will get a TypeError when you invoke speak
var d = new Dog('people');
d.speak();

输出

"people makes"

示例 3

let toyota = {
  drive() {
    return 'driving toyota';
 }
}
let camry = {
  wifi() {
    return 'carry';
  }
}
// Set toyota's __proto__ to camry's  __proto__'s  __proto__
Object.setPrototypeOf(camry, toyota);
console.dir(camry); //prints the camry object
console.log(camry.wifi()); // carry

输出

[object Object] {
 drive: drive() {
    return 'driving toyota';
 },
  wifi: wifi() {
    return 'carry';
  }
}
"carry"

下一主题JavaScript 对象

JavaScript Object.setPrototypeOf() 方法

语法

参数

返回值

浏览器支持

示例 1

示例 2

示例 3

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript Object.setPrototypeOf() 方法

语法

参数

返回值

浏览器支持

示例 1

示例 2

示例 3

相关帖子

Object.assign() 方法

Object.defineProperty() 方法

getOwnPropertyNames() 方法

getOwnPropertyDescriptor() 方法

Object.getPrototypeOf() 方法

preventExtensions() 方法

getOwnPropertyDescriptors() 方法

Object.entries() 方法

Object.freeze() 方法

Object.values() 方法