持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第17天，点击查看活动详情
一。typeof 与 instanceof 区别
typeof：
typeof 操作符返回的是类型的一个字符串数据
typeof 1 // 'number'
typeof '1' // 'string'
instanceof：
instanceof 运算符用于检测是否是通过某个构造函数创建出来的对象(也就是new出来的对象)。
let car = new String('xxx')
car instanceof String // true
typeof与instanceof都是判断数据类型的方法，区别如下：
typeof会返回一个变量的基本类型，instanceof返回的是一个布尔值instanceof可以准确地判断复杂引用数据类型，但是不能正确判断基础数据类型
二。解释下什么是事件代理？应用场景？
是什么：
事件委托，就是把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，而不是目标元素。
应用场景：
如果我们有一个列表，列表之中有大量的列表项，我们需要在点击列表项的时候响应一个事件
如果给每个列表项一一都绑定一个函数，那对于内存消耗是非常大的
// 获取目标元素
const lis = document.getElementsByTagName("li")
// 循环遍历绑定事件
for (let i = 0; i < lis.length; i++) {
lis[i].onclick = function(e){
console.log(e.target.innerHTML)
}
}
这时候就可以事件委托，把点击事件绑定在父级元素ul上面，然后执行事件的时候再去匹配目标元素
// 给父层元素绑定事件
document.getElementById('list').addEventListener('click', function (e) {
// 兼容性处理
var event = e || window.event;
var target = event.target || event.srcElement;
// 判断是否匹配目标元素
if (target.nodeName.toLocaleLowerCase === 'li') {
console.log('the content is: ', target.innerHTML);
}
});
三。说说new操作符具体干了什么？
是什么：在JavaScript中，new操作符用于创建一个给定构造函数的实例对象。
流程：
- 创建一个新的对象
obj - 将对象与构建函数通过原型链连接起来
- 将构建函数中的
this绑定到新建的对象obj上 - 根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理
