js查看浏览器是否支持某一方法 [native code] 如ES6新特性 && 获取内置对象的子类型

最新推荐文章于 2024-11-09 10:00:00 发布

泥猴桃

最新推荐文章于 2024-11-09 10:00:00 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript vue

本文链接：https://blog.youkuaiyun.com/shi851051279/article/details/103655248

javascript 专栏收录该内容

58 篇文章

订阅专栏

本文介绍如何使用JavaScript检测浏览器对Proxy、Promise等API的支持情况，并提供了获取内置对象子类型的实用函数。通过这些方法，开发者可以更好地了解目标浏览器的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 查看浏览器的对于API的支持

如 Proxy, Promise, Map, Symbol, Reflect等原生方法，在浏览器中的支持情况都可以用这个函数检测

 // 判断浏览器是否支持某一方法
 function isNative(Ctor) {
     return typeof Ctor === 'function' && /native code/.test(Ctor.toString());
 }
 console.log(isNative(Proxy)) // true
 console.log(isNative(Promise)) // true
 console.log(isNative(Map)) // true
 console.log(Proxy.toString()) // function Proxy() { [native code] }
 console.log(Promise.toString()) // function Promise() { [native code] }
 console.log(Map.toString()) // function Map() { [native code] }

关于[native code]，这种[native code]是不是JS引擎内部实现的，比如chrome的V8引擎，其内部的回调机制是内部C++代码，而不是真实的JS代码

2.获取内置对象的子类型

 function getObjType(par) {
     return Object.prototype.toString.apply(par);
 }

 console.log(getObjType([]));           //[object Array]
 console.log(getObjType(new Date()));   //[object Date]
 console.log(getObjType(Math));         //[object Math]

 console.log(getObjType(new Number(2))); //[object Number]
 console.log(getObjType('abc'));         //[object String]
 console.log(getObjType(null));          //[object Null]
 console.log(getObjType(undefined));     //[object Undefined]