Home > Article > Web Front-end > Tips for detecting whether a function is a JavaScript native function_javascript tips
In my development work, I often encounter situations where I need to determine whether a function is a JavaScript native function. Sometimes this is a very necessary task. You need to know whether the function is provided by the browser itself or by a third party. Three-party encapsulation and disguise as native functions. Of course, the best way is to examine the return value of the toString method that executes this function.
The JavaScript
The way to complete this task is very simple:
A more powerful method
Lodash founder John-David Dalton found a better solution:
// Used to resolve the internal `[[Class]]` of values
var toString = Object.prototype.toString;
// Used to resolve the decompiled source of functions
var fnToString = Function.prototype.toString;
// Used to detect host constructors (Safari > 4; really typed array specific)
var reHostCtor = /^[object . ?Constructor]$/;
// Compile a regexp using a common native method as a template.
// We chose `Object#toString` because there's a good chance it is not being mucked with.
var reNative = RegExp('^'
// Coerce `Object#toString` to a string
String(toString)
// Escape any special regexp characters
.replace(/[.* ?^${}()|[]/\]/g, '\$&')
// Replace mentions of `toString` with `.*?` to keep the template generic.
// Replace thing like `for ...` to support environments like Rhino which add extra info
// such as method arity.
.replace(/toString|(function).*?(?=\()| for . ?(?=\])/g, '$1.*?') '$'
);
function isNative(value) {
var type = typeof value;
Return type == 'function'
// Use `Function#toString` to bypass the value's own `toString` method
// and avoid being faked out.
? reNative.test(fnToString.call(value))
// Fallback to a host object check because some environments will represent
// things like typed arrays as DOM methods which may not conform to the
// normal native pattern.
: (value && type == 'object' && reHostCtor.test(toString.call(value))) || false;
}
// export however you want
module.exports = isNative;
}());