JS面试题汇总（三），2024年最新面试问题及回答技巧

Object.prototype.toString.call(an); // “[object Array]”

这种方法对于所有基本的数据类型都能进行判断，即使是 null 和 undefined 。

Object.prototype.toString.call(“An”); // “[object String]”

Object.prototype.toString.call(1); // “[object Number]”

Object.prototype.toString.call(Symbol(1)); // “[object Symbol]”

Object.prototype.toString.call(null); // “[object Null]”

Object.prototype.toString.call(undefined); // “[object Undefined]”

Object.prototype.toString.call(function() {}); // “[object Function]”

Object.prototype.toString.call({

name: “An”

}); // “[object Object]”

缺点：不能精准判断自定义对象，对于自定义对象只会返回[object Object]

function f(name) {

this.name = name;

}

var f1 = new f(“martin”);

console.log(Object.prototype.toString.call(f1)); //[object Object]

Object.prototype.toString.call(); // 常用于判断浏览器内置对象。

instanceof

instanceof 的内部机制是通过判断对象的原型链中是不是能找到类型的 prototype。

使用 instanceof 判断一个对象是否为数组，instanceof 会判断这个对象的原型链上是否会找到对应的 Array 的原型，找到返回 true，否则返回 false。

[] instanceof Array; // true

但 instanceof 只能用来判断对象类型，原始类型不可以。并且所有对象类型 instanceof Object 都是 true。

[] instanceof Object; // true

优点：instanceof 可以弥补 Object. prototype. toString. call()不能判断自定义实例化对象的缺点。

缺点：instanceof 只能用来判断对象类型，原始类型不可以。并且所有对象类型 instanceof Object 都是 true，且不同于其他两种方法的是它不能检测出 iframes。

function f(name) {

this.name = name;

}

var f1 = new f(“martin”);

console.log(f1 instanceof f); //true

Array. isArray()

• 功能：用来判断对象是否为数组

• instanceof 与 isArray

当检测 Array 实例时，Array. isArray 优于 instanceof ，因为 Array. isArray 可以检测出 iframes

var iframe = document.createElement(“iframe”);

document.body.appendChild(iframe);

xArray = window.frames[window.frames.length - 1].Array;

var arr = new xArray(1, 2, 3); // [1,2,3]

// Correctly checking for Array

Array.isArray(arr); // true

Object.prototype.toString.call(arr); // true

// Considered harmful, because doesn’t work though iframes

arr instanceof Array; // false

缺点：只能判别数组

• Array. isArray() 与 Object. prototype. toString. call()

Array. isArray()是 ES5 新增的方法，当不存在 Array. isArray() ，可以用 Object. prototype. toString. call() 实现。

if (!Array.isArray) {

Array.isArray = function(arg) {

return Object.prototype.toString.call(arg) === “[object Array]”;

};

}

参考

27. 什么是面向对象？

参考答案：

面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。

解析：

• 面向对象和面向过程的异同

• 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。

• 面向对象是把构成问题事务分解成各个对象，