Cách tốt hơn để có được loại biến Javascript?

Có cách nào tốt hơn để có được loại biến trong JS hơn typeofkhông? Nó hoạt động tốt khi bạn làm:

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

Nhưng nó vô dụng khi bạn thử:

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

Tôi biết instanceof, nhưng điều này đòi hỏi bạn phải biết loại trước.

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

Có cách nào tốt hơn?

Angus Croll gần đây đã viết một bài đăng blog thú vị về điều này -

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

Anh ta trải qua những ưu và nhược điểm của các phương thức khác nhau sau đó định nghĩa một phương thức mới 'toType' -

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

Bạn có thể thử sử dụng constructor.name.

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

Như với mọi thứ JavaScript, cuối cùng ai đó sẽ luôn luôn chỉ ra rằng điều này là xấu xa, vì vậy đây là một liên kết đến một câu trả lời bao gồm điều này khá tốt.

Một cách khác là sử dụng Object.prototype.toString.call

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

Một chức năng chụp loại khá hợp lý là chức năng được YUI3 sử dụng :

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');
};

Điều này nắm bắt nhiều nguyên thủy được cung cấp bởi javascript, nhưng bạn luôn có thể thêm nhiều hơn bằng cách sửa đổi TYPESđối tượng. Lưu ý rằng typeof HTMLElementCollectiontrong Safari sẽ báo cáo function, nhưng loại (HTMLEuityCollection) sẽ trả vềobject

Bạn có thể thấy chức năng sau đây hữu ích:

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

Hoặc trong ES7 (nhận xét nếu cải tiến thêm)

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

  return type.toLowerCase();
}

Các kết quả:

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

Cảm ơn @johnrees đã thông báo cho tôi về: lỗi, lời hứa, chức năng tạo

Ngoài ra chúng ta có thể thay đổi một ví dụ nhỏ từ ipr101

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

và gọi như

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

chức năng một dòng:

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

điều này cho kết quả tương tự như jQuery.type()

Bạn có thể áp dụng Object.prototype.toStringcho bất kỳ đối tượng:

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]

Điều này hoạt động tốt trong tất cả các trình duyệt, ngoại trừ IE - khi gọi điều này trên một biến có được từ một cửa sổ khác, nó sẽ chỉ nhổ ra [object Object].

2 của tôi! Thực sự, một phần lý do tôi ném nó lên đây, mặc dù có một danh sách dài các câu trả lời, là để cung cấp một all in onegiải pháp loại nhỏ hơn và nhận lại một số phản hồi trong tương lai về cách mở rộng nó để bao gồm nhiều hơn real types.

Với giải pháp sau đây, như đã nói ở trên, tôi đã kết hợp một vài giải pháp được tìm thấy ở đây, cũng như kết hợp một bản sửa lỗi để trả về giá trị của jQueryđối tượng được xác định jQuery nếu có . Tôi cũng nối thêm phương thức vào nguyên mẫu Object gốc. Tôi biết điều đó thường là điều cấm kỵ, vì nó có thể can thiệp vào các phần mở rộng khác như vậy, nhưng tôi để điều đó user beware. Nếu bạn không thích cách làm này, chỉ cần sao chép hàm cơ sở ở bất cứ đâu bạn thích và thay thế tất cả các biến thisbằng tham số đối số để truyền vào (chẳng hạn như đối số [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;
})();

Sau đó, chỉ cần sử dụng một cách dễ dàng, như vậy:

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

Lưu ý: Có 1 đối số có thể qua được. Nếu là bool của true, thì lợi nhuận sẽ luôn ở dạng chữ thường .

Thêm ví dụ:

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

Nếu bạn có bất cứ điều gì để thêm có thể hữu ích, chẳng hạn như xác định khi nào một đối tượng được tạo bằng thư viện khác (Moo, Proto, Yui, Dojo, v.v.), vui lòng bình luận hoặc chỉnh sửa nội dung này và giữ cho nó sẽ được nhiều hơn chính xác và chính xác. HOẶC lăn qua cái GitHubtôi làm cho nó và cho tôi biết. Bạn cũng sẽ tìm thấy một liên kết nhanh đến một tệp 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();
}

Trong các thử nghiệm sơ bộ của tôi, điều này đang hoạt động khá tốt. Trường hợp đầu tiên sẽ in tên của bất kỳ đối tượng nào được tạo bằng "mới" và trường hợp thứ 2 sẽ bắt mọi thứ khác.

Tôi đang sử dụng (8, -1)vì tôi cho rằng kết quả sẽ luôn bắt đầu [objectvà kết thúc ]nhưng tôi không chắc chắn điều đó đúng trong mọi kịch bản.

Tôi đoán giải pháp phổ biến nhất ở đây - là kiểm tra undefinedvà nullđầu tiên, sau đó chỉ cần gọi 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 điều kiện được sử dụng để kiểm tra loại biến, nếu bạn đang kiểm tra loại biến trong điều kiện if-other, vd

if(typeof Varaible_Name "undefined")
{

}