【JS】Object.create方法以及借助此实现继承

Object.create()方法是JavaScript中用于创建新对象的一个强大工具，它允许你指定新对象的原型，并可选地定义新对象的属性及其特性。以下是Object.create()方法的详细解析：

一、语法

Object.create(proto[, propertiesObject])

• proto：新创建对象的原型对象。这是一个必需参数。如果传入null，则创建的对象将没有原型（即它不会继承任何对象上的属性和方法）。
• propertiesObject（可选）：一个对象，该对象的属性名称将是新创建的对象的属性名称，值是属性描述符。这些属性描述符的结构与Object.defineProperties()方法的第二个参数相似。

二、属性描述符

属性描述符是一个对象，用于定义新对象的属性的行为。它包含以下属性：

• value：属性的值。默认为undefined。
• writable：一个布尔值，表示属性值是否可改变（即是否可写）。默认为true。
• enumerable：一个布尔值，表示该属性是否可遍历。默认为true。如果设为false，会使得某些操作（比如for...in循环、Object.keys()）跳过该属性。
• configurable：一个布尔值，表示可配置性。默认为true。如果设为false，将阻止某些操作改写该属性，比如无法删除该属性，也不得改变该属性的属性描述对象（value属性除外）。
• get：一个函数，表示该属性的取值函数（getter）。默认为undefined。
• set：一个函数，表示该属性的存值函数（setter）。默认为undefined。

三、使用示例

1. 创建一个具有特定原型的新对象

const person = { 
isHuman: false, 
greet: function() { 
console.log(`Hello, my name is ${this.name}`); 
} 
}; 


const john = Object.create(person, { 
name: { 
value: "John", 
writable: false, 
enumerable: true 
} 
}); 


john.greet(); // 输出: Hello, my name is John 
john.name = "Jane"; // 由于name是不可写的，这行代码无效 
console.log(john.name); // 输出: John

在这个例子中，john对象不仅继承了person对象的属性和方法，还定义了自己的name属性，这个属性是不可写的。

1. 创建一个没有原型的对象

const obj = Object.create(null); 
console.log(obj); // 输出: {} 
console.log(obj.toString); // 输出: undefined，因为没有原型

这样的对象不会继承Object.prototype上的任何属性或方法，因此是一个“干净”的对象。

1. 使用属性描述符定义访问器属性

const o = Object.create(Object.prototype, { 
foo: { 
writable: true, 
configurable: true, 
value: "hello" 
}, 
bar: { 
configurable: false, 
get: function() { return 10; }, 
set: function(value) { 
console.log("Setting `o.bar` to", value); 
} 
} 
}); 


console.log(o.foo); // 输出: hello 
o.foo = "world"; 
console.log(o.foo); // 输出: world 


console.log(o.bar); // 输出: 10 
o.bar = 20; // 控制台输出: Setting `o.bar` to 20

在这个例子中，foo是一个数据属性，而bar是一个访问器属性，具有自定义的get和set方法。

四、应用场景

Object.create()方法非常适合在以下场景中使用：

• 当你想要创建一个新对象，并希望它继承自另一个对象的属性和方法时。
• 当你需要为新对象定义具有特定行为（如只读、不可枚举等）的属性时。
• 当你想要创建一个没有原型的“干净”对象时。

总之，Object.create()方法是JavaScript中一个非常灵活和强大的工具，它允许你以精确的方式控制对象的创建和继承。

 五、寄生组合继承

function Coder() {
    this.type = 'Coder';
}

Coder.prototype.rap = function () {
    console.log('yo yo yo');
};

function Yupi(name) {
    Coder.call(this); // 调用父类构造函数
    this.name = name;
    this.age = 18;
}

// 寄生组合继承
Yupi.prototype = Object.create(Coder.prototype);
Yupi.prototype.constructor = Yupi;

// 测试
const yupi = new Yupi('Yupi');
console.log(yupi.type); // 输出: Coder
yupi.rap(); // 输出: yo yo yo