栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

JavaScript获取对象类型的名称

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript获取对象类型的名称

是否有与Java等效的Javascript

class.getName()

没有

名称

class Foo {}
Foo.name
thing
不论类别如何,的类别名称
thing
均为
thing.constructor.name
。ES2015环境中的内置构造函数具有正确的
name
属性;例如
(2).constructor.name
"Number"


但是,这里有各种各样的骇客,它们都以一种或另一种方式下降:

这是一种可以满足您需要的技巧-请注意,它会修改Object的原型,而人们对此并不满意(通常是出于充分的理由)

Object.prototype.getName = function() {    var funcNameRegex = /function (.{1,})(/;   var results = (funcNameRegex).exec((this).constructor.toString());   return (results && results.length > 1) ? results[1] : "";};

现在,所有对象都将具有函数,该函数

getName()
将以字符串形式返回构造函数的名称。我已经在
FF3
和中对此进行了测试
IE7
,不能说其他实现。

如果您不想这样做,这里是讨论在Javascript中确定类型的各种方法…


我最近将其更新为更详尽,尽管并非如此。欢迎更正…

使用
constructor
属性…

每个属性

object
都有其值
constructor
,但是取决于该值的
object
构造方式以及您要使用该值做什么,它可能有用也可能没有用。

一般来说,您可以使用

constructor
属性来测试对象的类型,如下所示:

var myArray = [1,2,3];(myArray.constructor == Array); // true

因此,这足以满足大多数需求。那就是…

注意事项

将无法正常工作 在所有 在许多情况下,

这种模式虽然很复杂,但却很常见:

function Thingy() {}Thingy.prototype = {    method1: function() {    },    method2: function() {    }};

Objects
通过构造的
newThingy
将具有
constructor
指向而
Object
不是的属性
Thingy
。因此,我们一开始就陷入困境;您根本无法信任
constructor
您无法控制的代码库。

多重继承

一个不那么明显的例子是使用多重继承:

function a() { this.foo = 1;}function b() { this.bar = 2; }b.prototype = new a(); // b inherits from a

事情现在无法正常运行,因为您可能希望它们:

var f = new b(); // instantiate a new object with the b constructor(f.constructor == b); // false(f.constructor == a); // true

因此,如果

object
您的测试的
object
设置不同,则可能会得到意外的结果
prototype
。在此讨论范围之外,还有其他解决方法。

constructor
物业还有其他用途,其中一些很有趣,而其他则不是很多。目前,我们将不深入研究这些用途,因为它与本次讨论无关。

无法跨框架和跨窗口工作

使用

.constructor
进行类型检查时要检查从不同的未来对象的类型将打破
window
对象,说的iframe或弹出式窗口。这是因为
constructor
在每个“窗口”中每种核心类型都有不同的版本,即

iframe.contentWindow.Array === Array // false

使用
instanceof
运算符…

instanceof
运营商正在测试的一个干净的方式
object
式为好,但有自己潜在的问题,就像
constructor
财产。

var myArray = [1,2,3];(myArray instanceof Array); // true(myArray instanceof Object); // true

但是

instanceof
对于文字值无效(因为文字不是
Objects

3 instanceof Number // false'abc' instanceof String // falsetrue instanceof Boolean // false

该文本需要被包裹在一个

Object
为了
instanceof
工作,例如

new Number(3) instanceof Number // true

.constructor
检查对于文字是很好的,因为
.
方法调用隐式地将文字包装在它们各自的对象类型中

3..constructor === Number // true'abc'.constructor === String // truetrue.constructor === Boolean // true

为什么两个点为3?因为Javascript将第一个点解释为小数点;)

无法跨框架和跨窗口工作

instanceof
出于与
constructor
属性检查相同的原因,也无法在不同的窗口中工作。


使用
name
属性的
constructor
属性…

不工作 在所有 在许多情况下,

同样,见上文;

constructor
完全完全错误且无用是很常见的。

在<IE9中不起作用使用
myObjectInstance.constructor.name
将为您提供一个包含所
constructor
使用函数名称的字符串,但要遵守
constructor
前面提到的有关属性的警告。

对于IE9及更高版本,您可以进行monkey-patch in support::

if (Function.prototype.name === undefined && Object.defineProperty !== undefined) {    Object.defineProperty(Function.prototype, 'name', {        get: function() { var funcNameRegex = /functions+([^s(]+)s*(/; var results = (funcNameRegex).exec((this).toString()); return (results && results.length > 1) ? results[1] : "";        },        set: function(value) {}    });}

有关文章的更新版本。此功能是在文章发布三个月后添加的,这是本文作者Matthew Scharley推荐使用的版本。这种变化是受到注释的启发,这些注释指出了先前代码中的潜在陷阱。

if (Function.prototype.name === undefined && Object.defineProperty !== undefined) {    Object.defineProperty(Function.prototype, 'name', {        get: function() { var funcNameRegex = /functions([^(]{1,})(/; var results = (funcNameRegex).exec((this).toString()); return (results && results.length > 1) ? results[1].trim() : "";        },        set: function(value) {}    });}

使用Object.prototype.toString

事实证明,正如本文所详述的那样,您可以使用

Object.prototype.toString
-的低级通用实现
toString
-获取所有内置类型的类型

Object.prototype.toString.call('abc') // [object String]Object.prototype.toString.call(/abc/) // [object RegExp]Object.prototype.toString.call([1,2,3]) // [object Array]

可以编写一个简短的辅助函数,例如

function type(obj){    return Object.prototype.toString.call(obj).slice(8, -1);}

删除残留物并获取类型名称

type('abc') // String

但是,它将

Object
为所有用户定义的类型返回。


给所有人的警告…

所有这些都面临一个潜在的问题,那就是有关对象的构造方法。以下是构建对象的各种方式以及不同类型检查方法将返回的值:

// using a named function:function Foo() { this.a = 1; }var obj = new Foo();(obj instanceof Object);          // true(obj instanceof Foo);  // true(obj.constructor == Foo);         // true(obj.constructor.name == "Foo");  // true// let's add some prototypical inheritancefunction Bar() { this.b = 2; }Foo.prototype = new Bar();obj = new Foo();(obj instanceof Object);          // true(obj instanceof Foo);  // true(obj.constructor == Foo);         // false(obj.constructor.name == "Foo");  // false// using an anonymous function:obj = new (function() { this.a = 1; })();(obj instanceof Object);   // true(obj.constructor == obj.constructor); // true(obj.constructor.name == "");         // true// using an anonymous function assigned to a variablevar Foo = function() { this.a = 1; };obj = new Foo();(obj instanceof Object);      // true(obj instanceof Foo);         // true(obj.constructor == Foo);     // true(obj.constructor.name == ""); // true// using object literal syntaxobj = { foo : 1 };(obj instanceof Object); // true(obj.constructor == Object);        // true(obj.constructor.name == "Object"); // true

尽管这组示例中没有所有排列,但希望有足够的信息可以让您了解根据您的需求情况如何变得凌乱。不要假设任何事情,如果您不完全了解所要追求的目标,则可能会由于缺乏精妙之处而导致代码意外中断。

注意:

typeof
运算符的讨论似乎是一个明显的遗漏,但
object
由于它非常简单,因此在帮助识别an
是否为给定类型方面确实没有用。了解在哪里
typeof
有用很重要,但是我目前不认为这与本次讨论非常相关。但我的思想是开放的。:)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/420534.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号