js create实现
在JavaScript中，create通常用于动态创建DOM元素或对象实例。以下是几种常见的使用场景和方法：
创建DOM元素
使用document.createElement()方法可以动态生成HTML元素，随后通过属性设置或内容填充将其添加到页面中。
const newDiv = document.createElement('div');
newDiv.id = 'myDiv';
newDiv.textContent = '动态创建的Div元素';
document.body.appendChild(newDiv);创建对象实例
通过构造函数或Object.create()方法可以创建对象实例。Object.create()允许指定原型对象。
// 构造函数方式
function Person(name) {
this.name = name;
}
const person1 = new Person('Alice');
// Object.create方式
const protoObj = { greet: function() { console.log('Hello!'); } };
const newObj = Object.create(protoObj);
newObj.greet(); // 输出: Hello!创建数组或映射
使用Array.from()或new Map()可以快速生成数组或映射结构。
const arrayLike = { 0: 'a', 1: 'b', length: 2 };
const newArray = Array.from(arrayLike); // ['a', 'b']
const map = new Map();
map.set('key1', 'value1');创建事件
通过new Event()或CustomEvent可以创建自定义事件并触发。
const event = new Event('customEvent');
element.dispatchEvent(event);
// 带数据的自定义事件
const detailEvent = new CustomEvent('detailEvent', { detail: { data: 'test' } });创建Promise
通过new Promise()构造函数可以创建异步操作。
const promise = new Promise((resolve, reject) => {
setTimeout(() => resolve('完成'), 1000);
});
promise.then(result => console.log(result));每种方法适用于不同场景，DOM操作用于页面动态渲染，对象创建适用于数据建模，而Promise用于处理异步逻辑。
