解构新领域的编程必备：instanceof、new、原型和面向对象

2023-10-04 06:18:28

当然，以下手写的代码中，包含了instanceof，new，原型和面向对象相关原理，确保你可以将其熟练掌握。

Instanceof

Instanceof 运算符主要用于判断一个实例是否属于某种类型。其实现原理就是，只要右边类型的原型在左边实例的原型链上，则返回 true，否则返回 false。

function instanceof(instance, type) {
  let proto = instance.__proto__;
  while (proto) {
    if (proto === type.prototype) {
      return true;
    }
    proto = proto.__proto__;
  }
  return false;
}

New

New 关键词用于创建一个新的对象，并将其分配给一个变量。它会执行以下步骤：

创建一个新对象，并将其分配给一个变量。
将对象的原型设置为构造函数的 prototype 属性。
将构造函数的作用域作为上下文，执行构造函数。
如果构造函数没有返回任何值，则返回新创建的对象；如果构造函数返回一个值，则返回该值。

function new(func, ...args) {
  const instance = {};
  instance.__proto__ = func.prototype;
  const result = func.apply(instance, args);
  return result === undefined ? instance : result;
}

原型

原型是 JavaScript 中一个特殊的对象，它为其他对象提供原型继承。当一个对象被创建时，它会自动继承其构造函数的原型。这意味着，该对象可以访问原型上的所有属性和方法。

function Person(name) {
  this.name = name;
}

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name}!`);
};

const person = new Person('John');
person.sayHello(); // Hello, my name is John!

面向对象

面向对象是一种编程范式，它将数据和行为组织成对象。对象可以具有属性和方法，属性用于存储数据，方法用于操作数据。

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

  sayHello() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

const person = new Person('John');
person.sayHello(); // Hello, my name is John!