前端基础：call、apply、bind、instanceof、typeof、new 的实现

在前端开发中，call、apply、bind、instanceof、typeof、new 都是常用的操作符和函数。理解它们的实现原理，对于深入理解 JavaScript 的运行机制非常有帮助。

call 和 apply

call 和 apply 都是函数调用操作符，它们允许我们改变函数的调用上下文。call 和 apply 的语法非常相似，唯一的区别在于传递参数的方式。call 的参数列表中，第一个参数是函数的调用上下文，后面的参数是传递给函数的实参。apply 的参数列表中，第一个参数是函数的调用上下文，第二个参数是一个数组，其中包含要传递给函数的实参。

举个例子，我们有一个函数 sum，它接受两个参数 a 和 b，并返回这两个参数的和。我们可以使用 call 和 apply 来改变 sum 函数的调用上下文。

function sum(a, b) {
  return a + b;
}

var obj = {
  a: 1,
  b: 2
};

console.log(sum.call(obj, 1, 2)); // 3
console.log(sum.apply(obj, [1, 2])); // 3

在上面的例子中，我们使用 call 和 apply 将 sum 函数的调用上下文改变成了 obj 对象。这意味着 sum 函数内部的 this 将指向 obj 对象。

bind

bind 函数与 call 和 apply 类似，但它不会立即调用函数，而是返回一个新的函数。这个新函数的调用上下文被绑定到了 bind 函数的第一个参数，并且可以传递任意数量的参数给它。

function sum(a, b) {
  return a + b;
}

var obj = {
  a: 1,
  b: 2
};

var boundSum = sum.bind(obj);

console.log(boundSum(1, 2)); // 3

在上面的例子中，我们使用 bind 函数将 sum 函数的调用上下文绑定到了 obj 对象。这意味着我们可以创建一个新的函数 boundSum，它可以像普通函数一样被调用，但它的调用上下文始终是 obj 对象。

instanceof

instanceof 操作符用于检测一个对象是否属于某个类。instanceof 操作符的语法非常简单，它接受两个参数：一个对象和一个类。如果对象属于该类，则返回 true，否则返回 false。

function Person(name) {
  this.name = name;
}

var person = new Person('John');

console.log(person instanceof Person); // true

在上面的例子中，我们使用 instanceof 操作符来检测 person 对象是否属于 Person 类。因为 person 对象是通过 Person 类创建的，所以 instanceof 操作符返回 true。

typeof

typeof 操作符用于获取一个变量的类型。typeof 操作符的语法非常简单，它接受一个变量作为参数，并返回一个字符串，表示该变量的类型。

var a = 1;
var b = 'hello';
var c = true;

console.log(typeof a); // "number"
console.log(typeof b); // "string"
console.log(typeof c); // "boolean"

在上面的例子中，我们使用 typeof 操作符来获取 a、b、c 三个变量的类型。

new

new 操作符用于创建一个新对象。new 操作符的语法非常简单，它接受一个函数作为参数，并返回一个新的对象。这个新对象是该函数的实例，并且它的原型是该函数的 prototype 属性。

function Person(name) {
  this.name = name;
}

var person = new Person('John');

console.log(person.name); // "John"

在上面的例子中，我们使用 new 操作符创建了一个 Person 对象。这个 Person 对象是 Person 函数的实例，并且它的原型是 Person 函数的 prototype 属性。