教你如何检查一个函数是否为JavaScript运行时环境内建函数
在开发过程中，对于某些API在现有的JavaScript运行时环境不支持的时候，我们大都会采用加入polyfill来解决这个问题。但有些时候我们可能需要知道现在某个API到底是否为运行时环境所原生支持，还是polyfill代码支持的。今天在学习Vue 2.X版本的源代码时，就发现了Vue中也有用来检测一个函数是否为运行时原生支持。
function isNative (Ctor) {
return typeof Ctor === 'function' && /native code/.test(Ctor.toString())
}
注意：上述代码是我去除Vue中有关于(flow)类型声明信息后所得
首先，检测要被检测者是否是函数类型，然后会检测这个被检测的函数toString之后的字符串中是否带有native code字眼，如果符合这两个条件，那么说明被检测者是一个当前JavaScript运行时原生支持的函数。
有些人可能会问：为什么要检测这个被检测的函数toString之后的字符串中是否带有native code字眼,为此我去看了ECMA-262最新规范，很遗憾我没有找到依据，所以我只能退而求其次去看了MDN和MSDN，看看上面怎么说。
MDN上在关于Function.prototype.toString()一章上是这么说的：
If the
toString()method is called onbuilt-infunction objects or a function created byFunction.prototype.bind,toString()returns a native function string which looks like
"function () { [native code] }"
义译一下就是说：
如果
toString()方法是由内建函数（即JavaScript自带函数）或者是一个经过调用Function.prototype.bind方法后返回的绑定了上下文的函数 所调用时，返回的结果就是
"function () { [native code] }"
微软MSDN上关于toString Method (Object) (JavaScript)一章中是这么说的：
The toString method is a member of all built-in JavaScript objects. How it behaves depends on the object type:
| Object | Behavior |
|---|---|
| Array | Elements of an Array are converted to strings. The resulting strings are concatenated, separated by commas. |
| Boolean | If the Boolean value is true, returns "true". Otherwise, returns "false". |
| Date | Returns the textual representation of the date. |
| Error | Returns a string containing the associated error message. |
| Function | Returns a string of the following form, where functionname is the name of the function whose toString method was called:function functionname( ) { [native code] }
|
| Number | Returns the textual representation of the number. |
| String | Returns the value of the String object. |
| Default | Returns "[object objectname]", where objectname is the name of the object type. |
可以看到在内建对象并且类型为Function时，调用toString()时，返回的也是:
"function functionname( ) { [native code] }"
```
结论：当一个对象为JavaScript运行时build-in object (内建对象)，并且类型为Function类型时，对其调用toString()方法后，返回的结果字符串就是如下：
"function functionname( ) { [native code] }"
```
所以我们可以根据这一特性来得出如何去检查一个函数是否为JavaScript运行时环境内建函数
原文地址：https://segmentfault.com/a/1190000014218703
最新文章
- 利用NetworkExtension库配置VPN
- css解决方案
- 基于Spring4+Hibernate4的通用数据访问层+业务逻辑层（Dao层+Service层）设计与实现！
- Quartz 入门详解
- (一) 一起学 Unix 环境高级编程 (APUE) 之 标准IO
- Unity3d HDR和Bloom效果（高动态范围图像和泛光）
- 历史执行Sql语句性能分析 CPU资源占用时间分析
- 安全运维之：Linux系统账户和登录安全
- eclipse run on server 浏览器启动设置
- BigPipe设计原理
- bzoj 1217: [HNOI2003]消防局的设立
- Linux下mysql开机自启动
- 【转载】c++类的实例化与拷贝
- django——简介
- 决策树（Decision Tree
- WPF自定义控件（一）の控件分类
- mysql 设置、更改、找回密码
- 破解excel密码保护【转】
- php插入上万条mysql数据最快的方法
- django--验证码功能实现
热门文章