<script type="text/javascript">
function saveName (firstName) {
function capitalizeName () {
return firstName.toUpperCase();
}
var capitalized = capitalizeName();console.log(capitalized instanceof String);
return capitalized;
}
console.log(saveName("Robert")); // Returns "ROBERT"
</script>
问题：
我想检查 capitalized 变量的类型，所以我使用 capitalized instanceof String？但控制台显示：false，我不想尝试 capitalized instanceof Function、Object 等方式，因为这会花费太多时间。那么，检测变量类型的最佳方法是什么？
typeof关键字。typeof "hello" // "string"
typeof运算符将操作数映射为八个可能的值之一：
"string""number""object""function""undefined""boolean""symbol""bigint"instanceof方法测试提供的函数的原型是否在对象的原型链中。
这篇MDN文章很好地总结了JavaScript的类型。typeof new String("hello") == "object" 但它可以从 string 的所有相同特性中受益。最安全的做法是说 typeof x == "string" || x instance of String。 - Brian Nickelnew String("hello")被使用。 - LandonSchropp使用 typeof();
示例：
> typeof "foo"
"string"
> typeof true
"boolean"
> typeof 42
"number"
所以你可以这样做：
if(typeof bar === 'string') {
//whatever
}
请记住，typeof仅适用于返回“基本”类型，例如数字、布尔、对象和字符串。您还可以使用instanceof测试对象是否属于特定类型。
function MyObj(prop) {
this.prop = prop;
}
var obj = new MyObj(10);
console.log(obj instanceof MyObj && obj instanceof Object); // outputs true
2021+ 一句答案。
我最喜欢的方式是不使用 typeof
为什么？ 因为它除了布尔值、字符串、数字和函数之外，并不能提供真实的类型。
那么怎么办？
这里有一个使用Object.prototype的小实用函数
var trueTypeOf = (obj) => Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()
结果：
trueTypeOf([]); // array
trueTypeOf({}); // object
trueTypeOf(''); // string
trueTypeOf(new Date()); // date
trueTypeOf(1); // number
trueTypeOf(function () {}); // function
trueTypeOf(/test/i); // regexp
trueTypeOf(true); // boolean
trueTypeOf(null); // null
trueTypeOf(); // undefined
typeof。typeof "blahha"
我使用jQuery库的代码编写了一个函数，jQuery库类型方法 GitHub 链接。
var getType = (function() {
var objToString = ({}).toString ,
typeMap = {},
types = [
"Boolean",
"Number",
"String",
"Function",
"Array",
"Date",
"RegExp",
"Object",
"Error"
];
for ( var i = 0; i < types.length ; i++ ){
typeMap[ "[object " + types[i] + "]" ] = types[i].toLowerCase();
};
return function( obj ){
if ( obj == null ) {
return String( obj );
}
// Support: Safari <= 5.1 (functionish RegExp)
return typeof obj === "object" || typeof obj === "function" ?
typeMap[ objToString.call(obj) ] || "object" :
typeof obj;
}
}());
getType（“Hello”）。 // Begin public utility /getVarType/
// Returns 'Function', 'Object', 'Array',
// 'String', 'Number', 'Null', 'Boolean', or 'Undefined'
//
getVarType = (function () {
var typeof_map = {
'undefined' : 'Undefined',
'boolean' : 'Boolean',
'number' : 'Number',
'string' : 'String',
'function' : 'Function',
'Undefined' : 'Undefined',
'Null' : 'Null',
'Boolean' : 'Boolean',
'Number' : 'Number',
'String' : 'String',
'Function' : 'Function',
'Array' : 'Array',
'StyleSheetList' : 'Array'
};
return function( data ) {
var type, type_str;
if ( data === null ) { return 'Null'; }
if ( data === undefined ) { return 'Undefined'; }
type = typeof( data );
type_str = typeof_map[ type ];
if ( type_str ) { return type_str; }
type = {}.toString.call( data ).slice( 8, -1 );
return typeof_map[ type ]
|| ( data instanceof Array ? 'Array' :
( data.propertyIsEnumerable(0) && data.length !== undefined
? 'Array' : 'Object' )
);
};
}());
// End public utility /getVarType/
capitalized 的类型为字符串
BigInt和Symbol。
"use strict";
/**
*
* @author xgqfrms
* @license MIT
* @copyright xgqfrms
* @created 2020-06-09
* @modified
*
* @description js data type checker
* @augments
* @example
* @link
*
*/
const dataTypeChecker = (data, debug = false) => {
const log = console.log;
let result = ``;
const typeString = Object.prototype.toString.call(data);
result = typeString.replace(/\[object /gi, ``).replace(/\]/gi, ``);
if(debug) {
log(`true type`, result)
}
return result;
};
/*
export default dataTypeChecker;
export {
dataTypeChecker,
};
*/
test
const dataTypeChecker = (data, debug = false) => {
const log = console.log;
let result = ``;
const typeString = Object.prototype.toString.call(data);
// const typeString = Object.prototype.toString.apply(data);
result = typeString.replace(/\[object /gi, ``).replace(/\]/gi, ``);
if(!debug) {
log(`true type`, result)
}
return result;
};
const obj = {};
const func = () => {};
dataTypeChecker(NaN)
//"[object Number]"
dataTypeChecker(undefined)
//"[object Undefined]"
dataTypeChecker(true)
//"[object Boolean]"
dataTypeChecker({})
//"[object Object]"
dataTypeChecker(func)
//"[object Function]"
dataTypeChecker(obj)
//"[object Object]"
dataTypeChecker(Symbol())
//"[object Symbol]"
dataTypeChecker(null)
//"[object Null]"
dataTypeChecker(123)
//"[object Number]"
dataTypeChecker(BigInt(1n))
//"[object BigInt]"
// true type Number
// true type Undefined
// true type Boolean
// true type Object
// true type Function
// true type Object
// true type Symbol
// true type Null
// true type Number
// true type BigInt //-- difference constructor & typeof --//
const fx = () => {}
const arr = []
const obj = {}
console.log( fx.constructor == Function ) // true
console.log( arr.constructor == Array ) // true
console.log( arr.constructor == Object ) // false
console.log( obj.constructor == Object ) // true
console.log( obj.constructor == Array ) // false
console.log( typeof obj ) // object
console.log( typeof arr ) // object
String类型的对象。请参见typeof capitalized。 - zerkms