js中判断数据类型的方式 以及 如何解决bind在浏览器中的兼容问题 以及 bind call apply区别

js中判断数据类型

• typeof
  • typeof只能判断：数字、字符串、布尔值、undefined、函数
• Object.prototype.toString.call()
  • 5 ‘[object Number]’
  • “abc” ‘[object String]’
  • true ‘[object Boolean]’
  • null ‘[object Null]’
  • undefined ‘[object Undefined]’
  • [1,3,5] ‘[object Array]’
  • function(){} ‘[object Function]’
  • new Date() ‘[object Date]’
  • /abc/ ‘[object RegExp]’
• Array.isArray() es5中提出来的检测数组
• isNaN()
• isInfinity()

bind 在浏览器中的兼容问题

 Function.prototype.myBind=function _Bind(context){
 	//获取要操作的函数
      var _this=this;
      //获取实参（context除外）
      var args=Array.prototype.slice.call(arguments,1);
       if('bind' in Function.prototype){
        //如果浏览器兼容bind()方法，则使用bind()方法，并返回bind()方法执行后的结果
     return _this.bind(context,args);
      }
 //如果不兼容bind()方法，则返回一个匿名函数
     return function(){
        _this.apply(context,args);
    }
 }

bind call apply区别

• apply():
  • 使用 apply， 你可以继承其他对象的方法：注意这里apply()的第一个参数是null，在非严格模式下，第一个参数为null或者undefined时会自动替换为指向全局对象，apply()的第二个参数为数组或类数组。

  • 				 模拟bind
    				    Function.prototype.bind = function (context){
    				        //保存引用
    				        return ()=>{
    				            console.log(arguments)
    				            return this.apply(context,arguments)
    				        }
    				    }
    

• call():
  • call()是apply()的一颗语法糖，作用和apply()一样，同样可实现继承，唯一的区别就在于call()接收的是参数列表，而apply()则接收参数数组。
• bind():
  • bind()的作用与call()和apply()一样，都是可以改变函数运行时上下文，区别是call()和apply()在调用函数之后会立即执行，而bind()方法调用并改变函数运行时上下文后，返回一个新的函数，供我们需要时再调用。

什么情况下选用

• 如果不需要关心具体有多少参数被传入函数，选用apply()；
• 如果确定函数可接收多少个参数，并且想一目了然表达形参和实参的对应关系，用call()；
• 如果我们想要将来再调用方法，不需立即得到函数返回结果，则使用bind();