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();
————————————————
本文转载原文链接：https://blog.csdn.net/qq_43512502/article/details/93544056 如有不便请联系删除