【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。
三、使用示例
- 创建一个具有特定原型的新对象
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属性，这个属性是不可写的。
- 创建一个没有原型的对象
const obj = Object.create(null);
console.log(obj); // 输出: {}
console.log(obj.toString); // 输出: undefined，因为没有原型这样的对象不会继承Object.prototype上的任何属性或方法，因此是一个“干净”的对象。
- 使用属性描述符定义访问器属性
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