1.用伪代码实现new
function myNew(constructor, ...args) {
const obj = Object.create(constructor.prototype)
const result = constructor.apply(obj, args)
return result instanceof Object ? result : obj
}
function Person(name, age) {
this.name = name
this.age = age
}
const person = myNew(Person, 'Tom', 20)
console.log(person.name) // Tom
console.log(person.age) // 20
这段代码实现了一个自定义的new
函数myNew
,它接受一个构造函数和一些参数。在函数内部,它首先使用Object.create
方法创建一个新对象,该对象的原型指向构造函数的原型。然后,它使用apply
方法调用构造函数,并将新对象作为上下文对象,以及传入的参数作为参数。最后,它检查构造函数返回的结果是否是一个对象,如果是,则返回该对象,否则返回新创建的对象。
2.简单实现发布订阅
const events = {};
function subscribe(eventName, callback) {
if (!events[eventName]) {
events[eventName] = [];
}
events[eventName].push(callback);
}
function publish(eventName, data) {
if (!events[eventName]) {
return;
}
events[eventName].forEach(callback => callback(data));
}
// 订阅一个事件
subscribe('userLoggedIn', function(data) {
console.log('User logged in:', data);
});
// 发布一个事件
publish('userLoggedIn', { username: 'john' });
这个代码定义了两个函数:subscribe
和publish
。subscribe
函数用于订阅一个事件,它接受两个参数:事件名称和回调函数。当事件被触发时,所有订阅了该事件的回调函数都会被执行。publish
函数用于发布一个事件,它接受两个参数:事件名称和数据。当事件被发布时,所有订阅了该事件的回调函数都会被执行,并且会将数据作为参数传递给它们。