Лучший способ получить тип переменной Javascript?

Есть ли лучший способ получить тип переменной в JS, чем typeof? Он отлично работает, когда вы делаете:

> typeof 1
"number"
> typeof "hello"
"string"

Но это бесполезно, когда вы пытаетесь:

> typeof [1,2]
"object"
>r = new RegExp(/./)
/./
> typeof r
"function"

Я знаю instanceof, но это требует, чтобы вы знали тип заранее.

> [1,2] instanceof Array
true
> r instanceof RegExp
true

Есть ли способ лучше?

Ангус Кролл недавно написал интересную запись в блоге об этом -

http://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/

Он рассматривает все «за» и «против» различных методов, а затем определяет новый метод «toType» -

var toType = function(obj) {
  return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}

Вы можете попробовать использовать constructor.name.

[].constructor.name
new RegExp().constructor.name

Как и во всем JavaScript, кто-то в конце концов неизменно укажет, что это как-то зло, так что здесь есть ссылка на ответ, который довольно хорошо это освещает.

Альтернативой является использование Object.prototype.toString.call

Object.prototype.toString.call([])
Object.prototype.toString.call(/./)

Достаточно хорошая функция захвата типов - та, что используется YUI3 :

var TYPES = {
    'undefined'        : 'undefined',
    'number'           : 'number',
    'boolean'          : 'boolean',
    'string'           : 'string',
    '[object Function]': 'function',
    '[object RegExp]'  : 'regexp',
    '[object Array]'   : 'array',
    '[object Date]'    : 'date',
    '[object Error]'   : 'error'
},
TOSTRING = Object.prototype.toString;

function type(o) {
    return TYPES[typeof o] || TYPES[TOSTRING.call(o)] || (o ? 'object' : 'null');
};

Это захватывает многие из примитивов, предоставленных javascript, но вы всегда можете добавить больше, изменив TYPESобъект. Обратите внимание, что typeof HTMLElementCollectionв Safari сообщит function, но тип (HTMLElementCollection) вернетobject

Вам может пригодиться следующая функция:

function typeOf(obj) {
  return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}

Или в ES7 (прокомментируйте, если дальнейшие улучшения)

function typeOf(obj) {
  const { toString } = Object.prototype;
  const stringified = obj::toString();
  const type = stringified.split(' ')[1].slice(0, -1);

  return type.toLowerCase();
}

Полученные результаты:

typeOf(); //undefined
typeOf(null); //null
typeOf(NaN); //number
typeOf(5); //number
typeOf({}); //object
typeOf([]); //array
typeOf(''); //string
typeOf(function () {}); //function
typeOf(/a/) //regexp
typeOf(new Date()) //date
typeOf(new Error) //error
typeOf(Promise.resolve()) //promise
typeOf(function *() {}) //generatorfunction
typeOf(new WeakMap()) //weakmap
typeOf(new Map()) //map

Спасибо @johnrees за сообщение об ошибке, обещании, функции генератора

Также мы можем немного изменить пример с ipr101

Object.prototype.toType = function() {
  return ({}).toString.call(this).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
}

и позвонить как

"aaa".toType(); // 'string'

однострочная функция:

function type(obj) {
    return Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/,"$1").toLowerCase()
}

это дает тот же результат, что и jQuery.type()

Вы можете подать заявку Object.prototype.toStringна любой объект:

var toString = Object.prototype.toString;

console.log(toString.call([]));
//-> [object Array]

console.log(toString.call(/reg/g));
//-> [object RegExp]

console.log(toString.call({}));
//-> [object Object]

Это хорошо работает во всех браузерах, за исключением IE - при вызове этого для переменной, полученной из другого окна, он просто выплевывает [object Object].

Мои 2 ¢! На самом деле, одна из причин, по которой я привожу это здесь, несмотря на длинный список ответов, заключается в том, чтобы предоставить немного больше all in oneтиповых решений и получить обратную связь в будущем о том, как расширить его, чтобы включить больше real types.

С помощью следующего решения, как было упомянуто выше, я объединил пару найденных здесь решений, а также включил исправление для возврата значения в jQueryопределенный объект jQuery, если он доступен . Я также добавляю метод к собственному прототипу Object. Я знаю, что это часто табу, так как это может помешать другим подобным расширениям, но я оставляю это user beware. Если вам не нравится этот способ, просто скопируйте базовую функцию куда угодно и замените все переменные thisна параметр аргумента для передачи (например, arguments [0]).

;(function() {  //  Object.realType
    function realType(toLower) {
        var r = typeof this;
        try {
            if (window.hasOwnProperty('jQuery') && this.constructor && this.constructor == jQuery) r = 'jQuery';
            else r = this.constructor && this.constructor.name ? this.constructor.name : Object.prototype.toString.call(this).slice(8, -1);
        }
        catch(e) { if (this['toString']) r = this.toString().slice(8, -1); }
        return !toLower ? r : r.toLowerCase();
    }
    Object['defineProperty'] && !Object.prototype.hasOwnProperty('realType')
        ? Object.defineProperty(Object.prototype, 'realType', { value: realType }) : Object.prototype['realType'] = realType;
})();

Тогда просто используйте с легкостью, вот так:

obj.realType()  //  would return 'Object'
obj.realType(true)  //  would return 'object'

Примечание. Имеется 1 аргумент. Если это bool of true, то возврат всегда будет в нижнем регистре .

Больше примеров:

true.realType();                            //  "Boolean"
var a = 4; a.realType();                    //  "Number"
$('div:first').realType();                   // "jQuery"
document.createElement('div').realType()    //  "HTMLDivElement"

Если у вас есть что добавить, что может быть полезным, например, определение того, когда объект был создан с другой библиотекой (Moo, Proto, Yui, Dojo и т. Д.), Пожалуйста, не стесняйтесь комментировать или редактировать это, и пусть оно будет более точный и точный. ИЛИ перевернись к тому, что GitHubя сделал для этого, и дай мне знать. Там вы также найдете быструю ссылку на файл cdn min.

function getType(obj) {
    if(obj && obj.constructor && obj.constructor.name) {
        return obj.constructor.name;
    }
    return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}

В моих предварительных тестах это работает довольно хорошо. В первом случае будет напечатано имя любого объекта, созданного с помощью «new», а во втором случае должно быть зафиксировано все остальное.

Я использую, (8, -1)потому что я предполагаю, что результат всегда будет начинаться с [objectи заканчиваться, ]но я не уверен, что это верно в каждом сценарии.

Думаю, самое универсальное решение здесь - это сначала проверить, undefinedа nullпотом просто позвонить constructor.name.toLowerCase().

const getType = v =>
  v === undefined
    ? 'undefined'
    : v === null
      ? 'null'
      : v.constructor.name.toLowerCase();




console.log(getType(undefined)); // 'undefined'
console.log(getType(null)); // 'null'
console.log(getType('')); // 'string'
console.log(getType([])); // 'array'
console.log(getType({})); // 'object'
console.log(getType(new Set())); // `set'
console.log(getType(Promise.resolve())); // `promise'
console.log(getType(new Map())); // `map'

typeof условие используется для проверки типа переменной, если вы проверяете тип переменной в условии if-else, например

if(typeof Varaible_Name "undefined")
{

}