(前端面试)用伪代码实现new,简单实现发布订阅

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' });

这个代码定义了两个函数:subscribepublishsubscribe函数用于订阅一个事件,它接受两个参数:事件名称和回调函数。当事件被触发时,所有订阅了该事件的回调函数都会被执行。publish函数用于发布一个事件,它接受两个参数:事件名称和数据。当事件被发布时,所有订阅了该事件的回调函数都会被执行,并且会将数据作为参数传递给它们。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值