关于JS那些容易被你忽略的那些点（1）

作为一个入前端坑不是很长的“程序猿”来说，JS真的是一门很高深的语言有没有。

闭包，作用域，原型这些东西能把人逼死有没有。那么今天，我就来总结一下那些前端小白（当然也包括我了）在JS上很容易犯错的地方吧！！！

demo one

你是不是经常用typeof()或者instanceof()来判断一个数据的类型呢？那你对于object也是用他们来判断的吗？来看个例子：

var arr = new Array;
var obj = new Object;
console.log(typeof(null));   //object
console.log(typeof(arr));  //object
console.log(typeof(obj));  //object

好像有什么不对。

没错，用上面的方法来判断是否为object对象会出错，那么我们怎么避免这个情况呢！这个时候就可以这么来判断：

var arr = new Array;
var obj = new Object;
console.log(Object.prototype.toString.call(null));    //object Null
console.log(Object.prototype.toString.call(arr));    //object Array
console.log(Object.prototype.toString.call(obj));    //object Object

demo two

来看看下面这个，var a = b = 3,惊不惊喜？意不意外？有没有一种熟悉的感觉扑面而来？？

function demo(){
	var a = b =3;
}
demo();
console.log(b);    //3
console.log(a);    //a is not defined

那这么写的话会怎样呢？

function demo(){
	var a = b =3;
	console.log(b);    //3
	console.log(a);    //3
}
demo();

实际上很好理解的，var a = b = 3就相当于下面的代码了

var a;
b = 3;

然后结合作用域来看就一目了然了

demo three

直接看例子：

a = 20;
obj = {
	a :10,
	print : function(){
		console.log(this.a);
		(function(){	
			console.log(this.a);
		})();
	}
};
obj.print();

第一个输出10，第二个输出为20.这是因为第一个this指向的是obj这个对象，但是请各位萌新们记住一句话（敲黑板）：

匿名函数的作用域是全局的！！！

demo four

写包含循环的代码的时候，我们经常会碰到取得一直是最后一个循环值的情况，举个例子：

for(var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i);  
    }, 1000);
}

运行后就是输出值全部为5，这是因为匿名函数没有自我调用，只有等循环介绍后才执行。

基于这个，我们很容易就明白解决办法了，将它变成一个自执行函数不就行了嘛！千言万语融入一段代码：

function demo(){
	for (var i = 0; i < 6; i++) {
		(function(i){
			setTimeout(function(){
			console.log(i);
			},1000);
		})(i);
	}
	}
demo();

你可以去试试，看是否如你所想的一样。

当然更多的解决办法，你可以参考下面链接：

JavaScript基础---作用域，匿名函数和闭包

demo five

function demo(){
	return{
		foo :"chen",
	};
}
function demo_other(){
	return
	{
		foo :"chen",
	};
}

这两个函数有啥区别？

在JS中，末尾没加分号JS会将语句链接在一起，但是continue、return、break是例外。

JS会自动在这三个后面自动加上分号呦！