是否有一个JavaScript的等效的Java的class.getName()
?
是否有一个JavaScript的等效的Java的class.getName()
?
Answers:
是否有与Java等效的JavaScript
class.getName()
?
没有。
ES2015更新:的名称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
通过构造的new Thingy
将具有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 // false
true instanceof Boolean // false
该文本需要被包裹在一个Object
为了instanceof
工作,例如
new Number(3) instanceof Number // true
该.constructor
检查对于文字是有效的,因为.
方法调用隐式地将文字包装在它们各自的对象类型中
3..constructor === Number // true
'abc'.constructor === String // true
true.constructor === Boolean // true
为什么两个点为3?因为Javascript将第一个点解释为小数点;)
instanceof
出于与constructor
属性检查相同的原因,也无法在不同的窗口中工作。
name
属性的constructor
属性...同样,见上文;constructor
完全,完全错误和无用是很常见的。
使用myObjectInstance.constructor.name
将为您提供一个包含所constructor
使用函数名称的字符串,但是要遵守constructor
前面提到的有关属性的警告。
对于IE9及更高版本,您可以通过猴子补丁获得支持:
if (Function.prototype.name === undefined && Object.defineProperty !== undefined) {
Object.defineProperty(Function.prototype, 'name', {
get: function() {
var funcNameRegex = /function\s+([^\s(]+)\s*\(/;
var results = (funcNameRegex).exec((this).toString());
return (results && results.length > 1) ? results[1] : "";
},
set: function(value) {}
});
}
有关文章的更新版本。此功能是在文章发布后3个月添加的,这是本文作者Matthew Scharley推荐使用的版本。此更改是受到注释的启发,这些注释指出了先前代码中的潜在陷阱。
if (Function.prototype.name === undefined && Object.defineProperty !== undefined) {
Object.defineProperty(Function.prototype, 'name', {
get: function() {
var funcNameRegex = /function\s([^(]{1,})\(/;
var results = (funcNameRegex).exec((this).toString());
return (results && results.length > 1) ? results[1].trim() : "";
},
set: function(value) {}
});
}
事实证明,正如本文所详述的那样,您可以使用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 inheritance
function 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 variable
var 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 syntax
obj = { foo : 1 };
(obj instanceof Object); // true
(obj.constructor == Object); // true
(obj.constructor.name == "Object"); // true
虽然这组示例中没有所有排列,但希望有足够的信息可以让您了解根据您的需求,事情可能变得多么混乱。不要假设任何事情,如果您不完全了解所要追求的目标,则可能会由于缺乏精妙之处而最终导致代码意外中断。
对typeof
运算符的讨论似乎是一个明显的遗漏,但object
由于它非常简单,因此在帮助确定an 是否为给定类型方面确实没有用。了解在哪里typeof
有用很重要,但是我目前不认为这与本次讨论非常相关。但是我的思想是开放的。:)
constructor
方法(使用.toString()
或.name
)的任何技术均将失效。缩小名称重命名了构造函数,因此您最终会得到不正确的类名,例如n
。如果在这种情况下,您可能只想在对象上手动定义一个className
属性,而改用它即可。
杰森邦廷(Jason Bunting)的答案给了我足够的线索来找到我需要的东西:
<<Object instance>>.constructor.name
因此,例如,在下面的代码中:
function MyObject() {}
var myInstance = new MyObject();
myInstance.constructor.name
会回来的"MyObject"
。
function getType(o) { return o && o.constructor && o.constructor.name }
我使用的一些小技巧:
function Square(){
this.className = "Square";
this.corners = 4;
}
var MySquare = new Square();
console.log(MySquare.className); // "Square"
class Square
,名称是Square.name
/ MySquare.constructor.name
而不是Square.prototype.name
; 通过name
使用构造函数,它不会污染原型或任何实例,但可以从任何一个访问。
确切地说,我认为OP要求一个函数来检索特定对象的构造函数名称。就Javascript而言,object
没有类型,而本身是类型。但是,不同的对象可以具有不同的构造函数。
Object.prototype.getConstructorName = function () {
var str = (this.prototype ? this.prototype.constructor : this.constructor).toString();
var cname = str.match(/function\s(\w*)/)[1];
var aliases = ["", "anonymous", "Anonymous"];
return aliases.indexOf(cname) > -1 ? "Function" : cname;
}
new Array().getConstructorName(); // returns "Array"
(function () {})().getConstructorName(); // returns "Function"
注意:以下示例已弃用。
一个博客帖子的链接基督教Sciberras包含有关如何做一个很好的例子。即,通过扩展对象原型:
if (!Object.prototype.getClassName) {
Object.prototype.getClassName = function () {
return Object.prototype.toString.call(this).match(/^\[object\s(.*)\]$/)[1];
}
}
var test = [1,2,3,4,5];
alert(test.getClassName()); // returns Array
test.getClassName()
vs getClassName.apply(test)
。
使用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]).match(/\s\w+/)[0].trim()
}
return [object String] as String
return [object Number] as Number
return [object Object] as Object
return [object Undefined] as Undefined
return [object Function] as Function
.slice()
:Object.prototype.toString.call(obj).slice( 8, -1 );
这是我想出的解决方案,它解决了instanceof的缺点。它可以从跨窗口和跨框架检查对象的类型,并且基本类型没有问题。
function getType(o) {
return Object.prototype.toString.call(o).match(/^\[object\s(.*)\]$/)[1];
}
function isInstance(obj, type) {
var ret = false,
isTypeAString = getType(type) == "String",
functionConstructor, i, l, typeArray, context;
if (!isTypeAString && getType(type) != "Function") {
throw new TypeError("type argument must be a string or function");
}
if (obj !== undefined && obj !== null && obj.constructor) {
//get the Function constructor
functionConstructor = obj.constructor;
while (functionConstructor != functionConstructor.constructor) {
functionConstructor = functionConstructor.constructor;
}
//get the object's window
context = functionConstructor == Function ? self : functionConstructor("return window")();
//get the constructor for the type
if (isTypeAString) {
//type is a string so we'll build the context (window.Array or window.some.Type)
for (typeArray = type.split("."), i = 0, l = typeArray.length; i < l && context; i++) {
context = context[typeArray[i]];
}
} else {
//type is a function so execute the function passing in the object's window
//the return should be a constructor
context = type(context);
}
//check if the object is an instance of the constructor
if (context) {
ret = obj instanceof context;
if (!ret && (type == "Number" || type == "String" || type == "Boolean")) {
ret = obj.constructor == context
}
}
}
return ret;
}
isInstance需要两个参数:一个对象和一个类型。真正的工作方式是检查对象是否来自同一窗口,如果不是,则获取对象的窗口。
例子:
isInstance([], "Array"); //true
isInstance("some string", "String"); //true
isInstance(new Object(), "Object"); //true
function Animal() {}
function Dog() {}
Dog.prototype = new Animal();
isInstance(new Dog(), "Dog"); //true
isInstance(new Dog(), "Animal"); //true
isInstance(new Dog(), "Object"); //true
isInstance(new Animal(), "Dog"); //false
type参数也可以是返回构造函数的回调函数。回调函数将接收一个参数,该参数是所提供对象的窗口。
例子:
//"Arguments" type check
var args = (function() {
return arguments;
}());
isInstance(args, function(w) {
return w.Function("return arguments.constructor")();
}); //true
//"NodeList" type check
var nl = document.getElementsByTagName("*");
isInstance(nl, function(w) {
return w.document.getElementsByTagName("bs").constructor;
}); //true
要记住的一件事是IE <9并未在所有对象上提供构造函数,因此上述对NodeList的测试将返回false,而isInstance(alert,“ Function”)还将返回false。
我实际上正在寻找类似的东西,并遇到了这个问题。这是我获取类型的方法:jsfiddle
var TypeOf = function ( thing ) {
var typeOfThing = typeof thing;
if ( 'object' === typeOfThing ) {
typeOfThing = Object.prototype.toString.call( thing );
if ( '[object Object]' === typeOfThing ) {
if ( thing.constructor.name ) {
return thing.constructor.name;
}
else if ( '[' === thing.constructor.toString().charAt(0) ) {
typeOfThing = typeOfThing.substring( 8,typeOfThing.length - 1 );
}
else {
typeOfThing = thing.constructor.toString().match( /function\s*(\w+)/ );
if ( typeOfThing ) {
return typeOfThing[1];
}
else {
return 'Function';
}
}
}
else {
typeOfThing = typeOfThing.substring( 8,typeOfThing.length - 1 );
}
}
return typeOfThing.charAt(0).toUpperCase() + typeOfThing.slice(1);
}
您应该somevar.constructor.name
像这样使用:
const getVariableType = a => a.constructor.name.toLowerCase();
const d = new Date();
const res1 = getVariableType(d); // 'date'
const num = 5;
const res2 = getVariableType(num); // 'number'
const fn = () => {};
const res3 = getVariableType(fn); // 'function'
console.log(res1); // 'date'
console.log(res2); // 'number'
console.log(res3); // 'function'
Agave.JS的kind()函数将返回:
它适用于所有JS对象和基元,而不管它们是如何创建的,也没有任何意外。例子:
kind(37) === 'Number'
kind(3.14) === 'Number'
kind(Math.LN2) === 'Number'
kind(Infinity) === 'Number'
kind(Number(1)) === 'Number'
kind(new Number(1)) === 'Number'
kind(NaN) === 'NaN'
kind('') === 'String'
kind('bla') === 'String'
kind(String("abc")) === 'String'
kind(new String("abc")) === 'String'
kind(true) === 'Boolean'
kind(false) === 'Boolean'
kind(new Boolean(true)) === 'Boolean'
kind([1, 2, 4]) === 'Array'
kind(new Array(1, 2, 3)) === 'Array'
kind({a:1}) === 'Object'
kind(new Object()) === 'Object'
kind(new Date()) === 'Date'
kind(function(){}) === 'Function'
kind(new Function("console.log(arguments)")) === 'Function'
kind(Math.sin) === 'Function'
kind(undefined) === 'undefined'
kind(null) === 'null'
您可以使用instanceof
运算符查看对象是否是另一个对象的实例,但是由于没有类,因此无法获得类名。
instanceof
只检查一个对象是否继承自另一个对象。例如,简单[]
继承自Array,但是Array也继承自Object。由于大多数对象都具有多个继承级别,因此找到最接近的原型是一种更好的技术。看到我的答案。
这是基于接受的答案的实现:
/**
* Returns the name of an object's type.
*
* If the input is undefined, returns "Undefined".
* If the input is null, returns "Null".
* If the input is a boolean, returns "Boolean".
* If the input is a number, returns "Number".
* If the input is a string, returns "String".
* If the input is a named function or a class constructor, returns "Function".
* If the input is an anonymous function, returns "AnonymousFunction".
* If the input is an arrow function, returns "ArrowFunction".
* If the input is a class instance, returns "Object".
*
* @param {Object} object an object
* @return {String} the name of the object's class
* @see <a href="https://stackoverflow.com/a/332429/14731">https://stackoverflow.com/a/332429/14731</a>
* @see getFunctionName
* @see getObjectClass
*/
function getTypeName(object)
{
const objectToString = Object.prototype.toString.call(object).slice(8, -1);
if (objectToString === "Function")
{
const instanceToString = object.toString();
if (instanceToString.indexOf(" => ") != -1)
return "ArrowFunction";
const getFunctionName = /^function ([^(]+)\(/;
const match = instanceToString.match(getFunctionName);
if (match === null)
return "AnonymousFunction";
return "Function";
}
// Built-in types (e.g. String) or class instances
return objectToString;
};
/**
* Returns the name of a function.
*
* If the input is an anonymous function, returns "".
* If the input is an arrow function, returns "=>".
*
* @param {Function} fn a function
* @return {String} the name of the function
* @throws {TypeError} if {@code fn} is not a function
* @see getTypeName
*/
function getFunctionName(fn)
{
try
{
const instanceToString = fn.toString();
if (instanceToString.indexOf(" => ") != -1)
return "=>";
const getFunctionName = /^function ([^(]+)\(/;
const match = instanceToString.match(getFunctionName);
if (match === null)
{
const objectToString = Object.prototype.toString.call(fn).slice(8, -1);
if (objectToString === "Function")
return "";
throw TypeError("object must be a Function.\n" +
"Actual: " + getTypeName(fn));
}
return match[1];
}
catch (e)
{
throw TypeError("object must be a Function.\n" +
"Actual: " + getTypeName(fn));
}
};
/**
* @param {Object} object an object
* @return {String} the name of the object's class
* @throws {TypeError} if {@code object} is not an Object
* @see getTypeName
*/
function getObjectClass(object)
{
const getFunctionName = /^function ([^(]+)\(/;
const result = object.constructor.toString().match(getFunctionName)[1];
if (result === "Function")
{
throw TypeError("object must be an Object.\n" +
"Actual: " + getTypeName(object));
}
return result;
};
function UserFunction()
{
}
function UserClass()
{
}
let anonymousFunction = function()
{
};
let arrowFunction = i => i + 1;
console.log("getTypeName(undefined): " + getTypeName(undefined));
console.log("getTypeName(null): " + getTypeName(null));
console.log("getTypeName(true): " + getTypeName(true));
console.log("getTypeName(5): " + getTypeName(5));
console.log("getTypeName(\"text\"): " + getTypeName("text"));
console.log("getTypeName(userFunction): " + getTypeName(UserFunction));
console.log("getFunctionName(userFunction): " + getFunctionName(UserFunction));
console.log("getTypeName(anonymousFunction): " + getTypeName(anonymousFunction));
console.log("getFunctionName(anonymousFunction): " + getFunctionName(anonymousFunction));
console.log("getTypeName(arrowFunction): " + getTypeName(arrowFunction));
console.log("getFunctionName(arrowFunction): " + getFunctionName(arrowFunction));
//console.log("getFunctionName(userClass): " + getFunctionName(new UserClass()));
console.log("getTypeName(userClass): " + getTypeName(new UserClass()));
console.log("getObjectClass(userClass): " + getObjectClass(new UserClass()));
//console.log("getObjectClass(userFunction): " + getObjectClass(UserFunction));
//console.log("getObjectClass(userFunction): " + getObjectClass(anonymousFunction));
//console.log("getObjectClass(arrowFunction): " + getObjectClass(arrowFunction));
console.log("getTypeName(nativeObject): " + getTypeName(navigator.mediaDevices.getUserMedia));
console.log("getFunctionName(nativeObject): " + getFunctionName(navigator.mediaDevices.getUserMedia));
我们只有在别无选择时才使用构造函数属性。
您可以使用“ instanceof”运算符来确定对象是否是某个类的实例。如果您不知道对象类型的名称,则可以使用其构造函数属性。对象的构造函数属性是对用于初始化它们的函数的引用。例:
function Circle (x,y,radius) {
this._x = x;
this._y = y;
this._radius = raduius;
}
var c1 = new Circle(10,20,5);
现在,c1.constructor是对该Circle()
函数的引用。您也可以使用typeof
运算符,但是typeof
运算符显示的信息有限。一种解决方案是使用toString()
Object全局对象的方法。例如,如果您有一个对象,例如myObject,则可以使用toString()
全局Object 的方法来确定myObject类的类型。用这个:
Object.prototype.toString.apply(myObject);
您可以获得的最接近的是typeof
,但是对于任何类型的自定义类型,它仅返回“对象”。对于这些,请参阅Jason Bunting。
编辑,Jason由于某种原因删除了他的帖子,因此只需使用Object的constructor
属性即可。
如果有人在寻找可以与jQuery配合使用的解决方案,请参阅以下经过调整的Wiki代码(原始版本破坏了jQuery)。
Object.defineProperty(Object.prototype, "getClassName", {
value: function() {
var funcNameRegex = /function (.{1,})\(/;
var results = (funcNameRegex).exec((this).constructor.toString());
return (results && results.length > 1) ? results[1] : "";
}
});
getName
和失败。
Lodash有很多isMethods,因此,如果您使用Lodash,也许像这样的mixin可能会有用:
// Mixin for identifying a Javascript Object
_.mixin({
'identify' : function(object) {
var output;
var isMethods = ['isArguments', 'isArray', 'isArguments', 'isBoolean', 'isDate', 'isArguments',
'isElement', 'isError', 'isFunction', 'isNaN', 'isNull', 'isNumber',
'isPlainObject', 'isRegExp', 'isString', 'isTypedArray', 'isUndefined', 'isEmpty', 'isObject']
this.each(isMethods, function (method) {
if (this[method](object)) {
output = method;
return false;
}
}.bind(this));
return output;
}
});
它在lodash中添加了一种称为“ identify”的方法,其工作方式如下:
console.log(_.identify('hello friend')); // isString
柱塞:http://plnkr.co/edit/Zdr0KDtQt76Ul3KTEDSN
好的,伙计们,多年来,我一直在为此逐步建立一种全面的方法,哈哈!诀窍是:
有关示例(或查看我如何处理该问题),请查看以下github上的代码:https : //github.com/elycruz/sjljs/blob/master/src/sjl/sjl.js并搜索:
classOf =
,,
classOfIs =
和或
defineSubClass =
(不带反引号(`))。
如您所见,我有一些机制可以强制classOf
始终为我提供类/构造函数的类型名称,无论它是原始类型,用户定义的类,使用本机构造函数创建的值,Null,NaN等。对于每个单个javascript值,我将从classOf
函数中获取它的唯一类型名称。另外,除了能够传入sjl.classOfIs
值的类型名称之外,我还可以传入实际的构造函数以检查值的类型!因此,例如:
```//请原谅长名称空间!我不知道影响,直到使用了一段时间(他们都吮吸哈哈)
var SomeCustomClass = sjl.package.stdlib.Extendable.extend({
constructor: function SomeCustomClass () {},
// ...
}),
HelloIterator = sjl.ns.stdlib.Iterator.extend(
function HelloIterator () {},
{ /* ... methods here ... */ },
{ /* ... static props/methods here ... */ }
),
helloIt = new HelloIterator();
sjl.classOfIs(new SomeCustomClass(), SomeCustomClass) === true; // `true`
sjl.classOfIs(helloIt, HelloIterator) === true; // `true`
var someString = 'helloworld';
sjl.classOfIs(someString, String) === true; // `true`
sjl.classOfIs(99, Number) === true; // true
sjl.classOf(NaN) === 'NaN'; // true
sjl.classOf(new Map()) === 'Map';
sjl.classOf(new Set()) === 'Set';
sjl.classOfIs([1, 2, 4], Array) === true; // `true`
// etc..
// Also optionally the type you want to check against could be the type's name
sjl.classOfIs(['a', 'b', 'c'], 'Array') === true; // `true`!
sjl.classOfIs(helloIt, 'HelloIterator') === true; // `true`!
```
如果您有兴趣阅读有关我如何使用上述设置的更多信息,请查看存储库:https : //github.com/elycruz/sjljs
另外还包含有关该主题的内容的书:-Stoyan Stefanov撰写的“ JavaScript模式”。-《 Javascript-权威指南》。大卫·弗拉纳根(David Flanagan)。-和许多其他..(在le le Web上搜索)。
您也可以快速测试我谈论这里的特点: - http://sjljs.elycruz.com/0.5.18/tests/for-browser/(也是在URL中的0.5.18路径具有从GitHub源在那儿减去node_modules等。
编码愉快!