JavaScript中各种类型的检测

最新推荐文章于 2024-10-11 17:39:47 发布

奋斗中的小余

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量134

点赞数

分类专栏： JavaScript学习笔记文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/ywl_156/article/details/121755706

版权

JavaScript学习笔记专栏收录该内容

17 篇文章 2 订阅

订阅专栏

本文详细讲解了JavaScript中如何通过`typeof`运算符和`Object.prototype.toString.call()`方法检测字符串、数字、布尔、函数、undefined、null、数组、对象等类型，并区分内置和自定义对象。深入理解这些类型对于编程至关重要。

摘要由CSDN通过智能技术生成

JavaScript中各种类型的检测

// 字符串类型
typeof 'abc'  // 返回 'string'
Object.prototype.toString.call('abc') // 返回 '[object String]'

// 数字类型
typeof 123  // 返回'number'
Object.prototype.toString.call(123) // '[object Number]'

// 布尔类型
typeof true  // 返回'boolean'
Object.prototype.toString.call(true) // 返回 '[object Boolean]'

// function
typeof Object.toString // 返回'function'
Object.prototype.toString.call(Object.toString) // 返回 '[object Function]'

// undefined
typeof undefined // 返回'undefined'
Object.prototype.toString.call(undefined) // 返回 '[object Undefined]'
undefined === undefined // true

// null
typeof null  // 返回 'object'
Object.prototype.toString.call(null) // 返回 '[object Null]'
null === null // true

// 数组
function isArr(val) {
  return Array.isArray(val)
}
typeof [1, 2, 3] // 'object'
Object.prototype.toString.call([1, 2, 3]) // '[object Array]'

// 对象
function isObj(val) {
  return Object.prototype.toString.call(val) === '[object Object]'
}
typeof {a: 1, b: 'xyz'} // 'object'
Object.prototype.toString.call({a: 1, b: 'xyz'}) // '[object Object]'

// js内置的对象或自定义对象

// 内置对象
typeof new Date() // 'object'
Object.prototype.toString.call(new Date()) // '[object Date]'

// 自定义对象
class MyObj {
	constructor(name, age) {
		this.name = name
		this.age = age
	}
}
typeof new MyObj('yyy', 18) // 'object'
new MyObj('yyy', 18).constructor === MyObj // true