当前位置：首页 > JavaScript

js create实现

2026-03-14 12:48:27JavaScript

js create 实现方法

在 JavaScript 中，create 方法通常用于创建对象或元素。以下是几种常见的实现方式：

使用 `Object.create()`

Object.create() 方法创建一个新对象，使用现有的对象作为新对象的原型。

js create实现

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

const john = Object.create(person);
john.name = 'John';
john.greet(); // 输出: Hello, my name is John

使用 `document.createElement()`

在 DOM 操作中，document.createElement() 用于创建 HTML 元素。

const div = document.createElement('div');
div.textContent = 'This is a new div';
document.body.appendChild(div);

自定义 `create` 函数

可以自定义一个 create 函数来创建特定类型的对象。

js create实现

function createPerson(name, age) {
  return {
    name: name,
    age: age,
    greet: function() {
      console.log(`Hello, I am ${this.name} and I am ${this.age} years old.`);
    }
  };
}

const jane = createPerson('Jane', 25);
jane.greet(); // 输出: Hello, I am Jane and I am 25 years old.

使用类（ES6）

ES6 的类语法也可以用于创建对象。

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

  greet() {
    console.log(`Hello, I am ${this.name} and I am ${this.age} years old.`);
  }
}

const bob = new Person('Bob', 30);
bob.greet(); // 输出: Hello, I am Bob and I am 30 years old.

使用工厂函数

工厂函数是另一种创建对象的方式。

function createCar(make, model) {
  return {
    make: make,
    model: model,
    drive: function() {
      console.log(`Driving ${this.make} ${this.model}`);
    }
  };
}

const myCar = createCar('Toyota', 'Camry');
myCar.drive(); // 输出: Driving Toyota Camry