Кращий спосіб отримати тип змінної 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параметром аргументу для передачі (наприклад, аргументи [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'

Примітка. Є один аргумент прохідний. Якщо це 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", а 2-й регістр повинен зафіксувати все інше.

Я використовую, (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")
{

}