标签:函数 兼容问题 bind object js call context apply
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 如有不便请联系删除
标签:函数,兼容问题,bind,object,js,call,context,apply 来源: https://www.cnblogs.com/tian121/p/15763578.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。