偶然看到JavaScript Tips。这个项目是每天分享一个JavaScript Tip，受到这个项目的启发，我也打算每天更新一个小Tip，我会参考原文，如果觉得写的很不错，我也会仅仅充当翻译工，但是每一个Tip都会加入我自己的思考，思考如果是我来写这个Tip的话，我会怎么写。
经验不足，能力有限，还望轻拍。
####2016-01-13：检测数据类型
我们通常会使用typeof、instanceof、isArray来检测数据的类型，这里我介绍一种万能型的：调用Object的toString方法。
function a(){console.log("yes");}
console.log(Object.prototype.toString.call(a)); // [object Function]
var b = 123;
console.log(Object.prototype.toString.call(b)); // [object Number]
var c = "sunhui";
console.log(Object.prototype.toString.call(c)); // [object String]
var d = true;
console.log(Object.prototype.toString.call(d)); // [object Boolean]
var e = [1,2,3];
console.log(Object.prototype.toString.call(e)); // [object Array]
var f;
console.log(Object.prototype.toString.call(f)); // [object Undefined]
var g = null;
console.log(Object.prototype.toString.call(g)); // [object Null]
var h = {"name":"sunyuhui"};
console.log(Object.prototype.toString.call(h)); // [object Object]
使用call调用Object的toString方法，将会返回一个遵循[object NativeConstructorName]格式的字符串。其中NativeConstructorName指的就是变量的构造函数名。
####2016-01-12: 变量和函数的提前声明
在JavaScript里 变量声明 是让系统知道这个变量存在，而变量定义是给这个变量赋值。变量声明会被提前到顶部，而 变量定义 不会。
console.log(a); // "ReferenceError: a is not defined"
上面的代码报变量没有定义的错误。
console.log(a); // undefined
var a;
上面的代码提示undefined，这说明我们对a的声明被提前了。再来看：
console.log(a); // undefined
var a = 3;
我们在这里对a同时做了声明和定义两个操作，从结果来看，只有声明被提前了，而定义却没有。
接下来看函数：
getName(); // "sunyuhui"
function getName(){
console.log("sunyuhui");
}
结果说明我们对函数的声明被提前了。
getAge(); // "TypeError: getAge is not a function"
var getAge = function(){
console.log(22);
}
事实上，第一种方式叫函数声明，这种方式能被提前到顶部，第二种方式叫函数表达式，不会被提前。
关键词：声明、 提前
####2016-01-11：判断对象中是否存在某个属性
我们经常需要用到对象中的某个属性，为了保证程序的健壮性，在使用之前我们需要判断这个属性是否存在，可以用if来判断
if(obj[property] !== undefined){
// do something
}
更方便的方式是使用这两个方法：hasOwnProperty和in。
function Person (name) {
this.name = name;
}
Person.prototype.age = '22';
var person = new Person("sunhui");
console.log(person.hasOwnProperty('name')); // true
console.log("name" in person); // true
console.log(person.hasOwnProperty('age')); // false
console.log("age" in person); // true
hasOwnProperty和in都可以用来判断某个属性是否存在于对象中，区别就是hasOwnProperty不能搜索到从原型链继承的属性，而in可以。
关键词：hasOwnProperty、in、原型链
####2016-01-10：对象数组根据某个属性排序
function compare(prop){
return function(obj1,obj2){
var prop1 = obj[prop];
var prop2 = obj[prop];
if(prop1<prop2){
return -1;
} else if(prop1>prop2){
return 1;
} else {
return 0;
}
}
}
var arr = [
{"name":"bsunhui","age":"23"},
{"name":"csunhui","age":"22"}
];
arr.sort(compare("age"));
console.log(arr); //[{"name":"csunhui","age":"22"},{"name":"bsunhui","age":"23"}]
arr.sort(compare("name"));
console.log(arr); //[{"name":"bsunhui","age":"23"},{"name":"csunhui","age":"22"}]
compare函数返回了一个闭包，这样就可以根据传入的属性进行排序。
关键词：闭包、对象数组按属性排序
####2016-01-09: 为数组或者单个元素应用相同的函数
举例：
var a = "sun";
var b = ["sun","hui"];
现在需要将a转换成大写，将b中的每个元素都转换成大写,通常的做法是：
console.log(a.toUpperCase()); // "SUN"
for(var i=0;i<b.length;i++){
console.log(b[i].toUpperCase()); // "SUN" "HUI"
}
这种做法相当于写了两套代码，看看下面的方式。
function toUpper(words){
var elements = [].concat(words);
for(var i=0;i<elements.length;i++){
console.log(elements[i].toUpperCase());
}
}
toUpper("sun"); // "SUN"
toUpper(["sun","hui"]); // "SUN" "HUI"
关键点是：concat的用法，str.concat(arg)的参数arg如果是一个数组会把数组里的（不是嵌套数组的）每一项都拿出来作为新数组的元素。
关键词：concat
####2016-01-08：null和undefined的区别
undefined表示变量没有被声明或者声明了但是没有被赋值。null表示这个变量不是一个值。- JavaScript里没有被赋值的变量默认为
undefined。 - JavaScript里不会把一个值设置为
null，只有程序员自己才能把一个值设置为null。 - 在JSON里
undefined不可用，而null是可用的。 type of undefined的值为undefined。type of null的值为object。null和undefined的布尔值都为false。null == undefined的值为true。null === undefined的值为false。
关键词：null、undefined
####2016-01-07：往数组中插入一个元素
一般而言，对数组元素的操作我们会用到这些函数：push，pop，unshift，shift，splice。
var a = [1, 2, 3]; a.push(4); console.log(a); //[1,2,3,4] a.pop(); console.log(a); //[1,2,3] a.unshift(5); console.log(a); //[5,1,2,3] a.shift(); console.log(a); //[1,2,3] a.splice(0,2,6); console.log(a) //[6,3]
我在这里想介绍的是利用length属性来进行数组元素的增减。
var a = [1, 2, 3]; a.length = 1; console.log(a); //[1] a.length = 5; console.log(a); //[1,undefined,undefined, undefined, undefined] a = [1,2,3]; a.splice(a.length/2,0,4,5,6); //在数组的中间插入元素 console.log(a); //[1,4,5,6,2,3]
值得注意的是以上所有方法都改变了原数组。我们再来一个：
var a = [1,2,3]; var b = [4,5].concat(a); console.log(a); //[1,2,3] console.log(b); //[4,5,1,2,3]
使用concat来增加数组元素就会返回一个新数组，不会改变原数组。
关键词：数组、length