前端 JavaScript 进阶面试题, 说说 JavaScript 中 instanceof 的原理?

QA

Step 1

Q:: 说说 JavaScript 中 instanceof 的原理？

A:: JavaScript 中的 instanceof 操作符用于检测构造函数的 prototype 属性是否出现在某个对象的原型链上。具体来说，instanceof 通过遍历对象的原型链，判断右侧构造函数的 prototype 是否存在于这条链上。如果存在，则返回 true，否则返回 false。例如：

 
function A() {}
function B() {}
const a = new A();
console.log(a instanceof A); // true
console.log(a instanceof B); // false

Step 2

Q:: instanceof 与 typeof 的区别是什么？

A:: instanceof 用于检测对象的原型链是否包含某构造函数的 prototype，而 typeof 则返回一个字符串，表示未经计算的操作数的数据类型。typeof 通常用于基本数据类型的检查，如字符串、数字、布尔值、未定义和函数。示例：

 
console.log(typeof 123); // 'number'
console.log(typeof 'hello'); // 'string'
console.log({} instanceof Object); // true
console.log([] instanceof Array); // true

Step 3

Q:: 在实际应用中如何使用 instanceof？

A:: instanceof 常用于类型检查，确保函数接收到的参数是预期的对象类型。例如，在面向对象编程中，可以用它来验证一个对象是否属于特定的类，或者在多态性实现中区分不同的类实例。

 
class Animal {}
class Dog extends Animal {}
function makeSound(animal) {
  if (animal instanceof Dog) {
    console.log('Woof!');
  } else if (animal instanceof Animal) {
    console.log('Some generic animal sound');
  }
}
const myDog = new Dog();
makeSound(myDog); // 'Woof!'

用途

面试这个内容是为了考察候选人对 JavaScript 面向对象编程和原型链机制的理解。instanceof 操作符是面向对象编程中非常基础且重要的一部分，了解其工作原理有助于编写健壮的类型安全代码。在实际生产环境中，instanceof 常用于类型检查和确保函数参数的正确性，这在复杂的应用程序中尤为重要，能够防止类型错误带来的潜在问题。\n

相关问题

🦆

JavaScript 中的原型链是什么?▷

JavaScript 中的原型链是对象与其原型之间的关系链，通过这条链可以实现对象属性和方法的继承。每个对象都有一个内部属性 [[Prototype]]，指向它的原型对象。当我们访问一个对象的属性时，如果该属性在对象自身不存在，JavaScript 引擎会沿着原型链向上查找，直到找到该属性或到达原型链的末端（即 null）。示例：

 
function A() {}
A.prototype.sayHello = function() { console.log('Hello'); }
const a = new A();
a.sayHello(); // 'Hello'

🦆

如何实现 JavaScript 的继承?▷

在 JavaScript 中，可以通过构造函数和原型链实现继承。通常使用 ES6 类语法来定义继承关系，更加简洁和易读。示例：

 
class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}
class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}
const d = new Dog('Mitzie');
d.speak(); // 'Mitzie barks.'

🦆

解释 JavaScript 中的闭包是什么?▷

闭包是指那些能够访问自由变量的函数。自由变量是指在函数中使用的，但既不是函数参数也不是函数局部变量的变量。闭包使得函数可以访问它被创建时所处的作用域，从而实现私有变量和方法。示例：

 
function makeCounter() {
  let count = 0;
  return function() {
    count += 1;
    return count;
  }
}
const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2

浏览器什么是 JavaScript 的事件代理