Javascript高级技巧分享

上次整理了Ajax部分，这周看完了高级技巧部分，也整理下吧。

1、类型检测
使用Object.prototype.toString.call(obj)的方式。
因为无论typeof还是instanceof都无法做到精确判断变量类型。

2、安全的构造函数
通常我们定义构造函数的时候，会使用类似
代码如下:
function Person(name){
　　this.name = name;
}

然而之后如果不是去 var person = new Person("cnblogs")。
而是 var person = Person("cnblogs")。那么this就会指向别处，导致污染其余对象。
解决方法就是在设置this.property的时候判断
this instanceof Person
如果不是，则new Person(x,x,x);
代码如下:
function Person(name){
      if(this instanceof Person){
　　     this.name = name;
      }else{
          return new Person(name);
      }
}

但是要注意一点，如果其余构造函数试图通过Person.call(this,x)这种方式实现继承的时候。
需要注意，在实例化之前把那个函数的原型指向到Person去。

3、惰性载入函数
在调用函数时，经常会存在一种情况，就是函数中需要对浏览器功能进行判断。
例如
代码如下:
function createSomething(){
     if(supportH5){
          //do something
     }else{
          //do otherthing
     }
}

但是，如果一个浏览器支持一个功能，那么必然是一直都支持，所以这里面每次执行代码时都去判断是不必要的，因为判断一次就够了。
所以可以改写成
代码如下:
function createSomething(){
     if(supportH5){
          createSomething = function(){ //重写了createSomething 函数
               //do something
          }
     }else{
          //同上
     }
}

这样，第一次调用时会做判断，之后重写了这个函数，也就自然不会判断了。

 
4、函数绑定
在js中，最搞混的应该就是 this 指向谁的问题。
其实，在我学习js这么久的时间里，发现一个结论
在函数中的this会指向最终调用这个函数的对象，换句话说就是，哪个对象调用了这个函数，this就指向那个对象。
搞清楚了这个，函数绑定就不是问题了。
改变函数里面this指向的方法就是 call 和 apply，不过用这两个方法都会执行函数。
如果不想执行函数，而是把函数当参数传给某个函数，还想改变this，那么就用最新的bind。