JavaScript中奇怪的typeof解析（Null, Array）（javascript typeerror）

25-03-05 12

想了解JavaScript中奇怪的typeof解析的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于Null,Array的相关问题，此外，我们还将为您介绍关于Array,ArrayConstr

想了解JavaScript中奇怪的typeof解析 的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于Null, Array的相关问题，此外，我们还将为您介绍关于Array, Array Constructor, for in loop, typeof, instanceOf_javascript技巧、JavaScript "new Array(n)" 和 "Array.prototype.map" 怪异、JavaScript typeof, null, 和 undefined的相关知识、javascript typeof的用法与typeof运算符介绍[详细]_javascript技巧的新知识。

本文目录一览：

JavaScript中奇怪的typeof解析（Null, Array）（javascript typeerror）
Array, Array Constructor, for in loop, typeof, instanceOf_javascript技巧
JavaScript "new Array(n)" 和 "Array.prototype.map" 怪异
JavaScript typeof, null, 和 undefined的相关知识
javascript typeof的用法与typeof运算符介绍[详细]_javascript技巧

JavaScript中奇怪的typeof解析（Null, Array）（javascript typeerror）

在JavaScript中，我们常常用到typeof 来判断一个元素的类型，但是在实际开发中我们会发现一个很难受的问题。

　　　　　　Null，Array (孤立他俩)

在 typeof Null 和 typeof Array中居然返回的是 Object类型，。。。。。。。

纳尼！！！上去就给他俩一个反抽！！难道是哪里写错了么？？？？

原来是因为，javascript在当初设计的时候出现的BUG (突然感觉自己很牛掰)。

在 ES6制定中曾有关于修复此 bug 的提议，提议中称应该让 typeof Null === ''null'', 但是最后因为考虑到历史积累代码牵扯范围太广，责任重大取消这一个更改，也就是说这不在是一个

BUG了，而是龟ding。而对于Array，typeof本着万物皆对象的原则，返回的结果就是 Object了 (原因其实很复杂，设计到Javascript的底层二进制解析，感兴趣可以在网上查下，资料很多)

那么问题来了，在我们实际开发中，需要准确的区别 Number，Array，Object，String，Null，undefined甚至是funtion的时候怎么办？？？？？？？？？？

废话说了这么多，进入正题（代码奉上）

//  
		function typeOf (obj) {
		    return toString.call(obj).slice(8, -1)
		};

		//
		let fun = function () {
			console.log (123);
		}
		//
		let objs = typeOf ({key: ''123'', val: ''345''});
		let num =  typeOf (123);
		let str =  typeOf (''我是个字符串'');
		let arr =  typeOf ( [''11'', ''22'', ''33'']);
		let nulls = typeOf (null);
		let un = typeOf (undefined);
		let funs = typeOf (fun);

		console.log (objs, num, str, arr, nulls, un, funs);

结果：

　　本人：小白一枚，第一次写博客，有什么写错的地方，请各位大神指点出来，必定虚心学习

Array, Array Constructor, for in loop, typeof, instanceOf_javascript技巧

注意: JavaScript 中数组不是关联数组。 JavaScript 中只有对象来管理键值的对应关系。但是关联数组是保持顺序的，而对象不是。

由于 for in 循环会枚举原型链上的所有属性，唯一过滤这些属性的方式是使用 `hasOwnProperty` 函数，因此会比普通的 for 循环慢上好多倍。

遍历（Iteration）
为了达到遍历数组的最佳性能，推荐使用经典的 for 循环。

复制代码代码如下:

var list = [1, 2, 3, 4, 5, ...... 100000000];
for(var i = 0, l = list.length; i console.log(list[i]);
}

上面代码有一个处理，就是通过 l = list.length 来缓存数组的长度。

虽然 length 是数组的一个属性，但是在每次循环中访问它还是有性能开销。可能最新的 JavaScript 引擎在这点上做了优化，但是我们没法保证自己的代码是否运行在这些最近的引擎之上。

实际上，不使用缓存数组长度的方式比缓存版本要慢很多。

`length` 属性（The `length` property）
length 属性的 getter 方式会简单的返回数组的长度，而 setter 方式会截断数组。

复制代码代码如下:

var foo = [1, 2, 3, 4, 5, 6];
foo.length = 3;
foo; // [1, 2, 3]

foo.length = 6;
foo; // [1, 2, 3]

译者注：在 Firebug 中查看此时 foo 的值是： [1, 2, 3, undefined, undefined, undefined] 但是这个结果并不准确，如果你在 Chrome 的控制台查看 foo 的结果，你会发现是这样的： [1, 2, 3] 因为在 JavaScript 中 undefined 是一个变量，注意是变量不是关键字，因此上面两个结果的意义是完全不相同的。

// 译者注：为了验证，我们来执行下面代码，看序号 5 是否存在于 foo 中。
5 in foo; // 不管在 Firebug 或者 Chrome 都返回 false
foo[5] = undefined;
5 in foo; // 不管在 Firebug 或者 Chrome 都返回 true
为 length 设置一个更小的值会截断数组，但是增大 length 属性值不会对数组产生影响。

结论（In conclusion）
为了更好的性能，推荐使用普通的 for 循环并缓存数组的 length 属性。使用 for in 遍历数组被认为是不好的代码习惯并倾向于产生错误和导致性能问题。

Array 构造函数
由于 Array 的构造函数在如何处理参数时有点模棱两可，因此总是推荐使用数组的字面语法 - [] - 来创建数组。

[1, 2, 3]; // 结果: [1, 2, 3]
new Array(1, 2, 3); // 结果: [1, 2, 3]

[3]; // 结果: [3]
new Array(3); // 结果: []
new Array(''3'') // 结果: [''3'']
译者注：这里的模棱两可指的是数组的两种构造函数语法 var arr1 = new Array(arrayLength); var arr2 = new Array(element0, element1, ..., elementN);

// 译者注：因此下面的代码将会使人很迷惑
new Array(3, 4, 5); // 结果: [3, 4, 5]
new Array(3) // 结果: []，此数组长度为 3
由于只有一个参数传递到构造函数中（译者注：指的是 new Array(3); 这种调用方式），并且这个参数是数字，构造函数会返回一个 length 属性被设置为此参数的空数组。需要特别注意的是，此时只有 length 属性被设置，真正的数组并没有生成。译者注：在 Firebug 中，你会看到 [undefined, undefined, undefined]，这其实是不对的。在上一节有详细的分析。

var arr = new Array(3);
arr[1]; // undefined
1 in arr; // false, 数组还没有生成
这种优先于设置数组长度属性的做法只在少数几种情况下有用，比如需要循环字符串，可以避免 for 循环的麻烦。

new Array(count + 1).join(stringToRepeat);
// 译者注：new Array(3).join(''#'') 将会返回 "##"
结论（In conclusion）
应该尽量避免使用数组构造函数创建新数组。推荐使用数组的字面语法。它们更加短小和简洁，因此增加了代码的可读性。

for in 循环
和 in 操作符一样，for in 循环同样在查找对象属性时遍历原型链上的所有属性。

注意: for in 循环不会遍历那些 enumerable 设置为 false 的属性；比如数组的 length 属性。

复制代码代码如下:

// 修改 Object.prototype
Object.prototype.bar = 1;

var foo = {moo: 2};
for(var i in foo) {
console.log(i); // 输出两个属性：bar 和 moo
}

var x = new Array(3) console.log(x) // [undefined,undefined,undefined] var y = [undefined,undefined] console.log(y) // [undefined,undefined] console.log( x.constructor == y.constructor) // true console.log( x.map(function() { return 0; }) ) // [undefined,undefined] console.log( y.map(function() { return 0; }) ) // [0,0]

typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object typeof {name:'John', age:34} // 返回 object