javascript这样学——彻底搞懂js数据类型

数据类型

js是动态类型语言,变量的数据类型可以随时被改变,主要分为基本类型和引用类型两种。javascript的引擎一般是c/c++开发的,我们不用太多关注堆(stack)和栈(heap)的概念,但也可以简单了解一下。

基本类型

基本类型是按值访问的,数据存储在栈中。

  • String:字符串
  • Number:数字
  • Boolean:布尔
  • Null:空,一般我们会用null来释放引用类型数据所占用的内存。
var a = {name: 'tom'};
// 通过赋值null释放内存
a = null;
  • Undefined:未定义

引用类型

引用类型是按引用访问的,其指针存储在堆中,通过指针去访问堆中的数据。

  • Object:对象
  • Array:数组
  • Function:函数

由于引用类型的特殊性,我们在操作引用类型数据时,需要特别小心,否则会有意想不到的结果发生。

var a = {
  name: 'jerry'
};
var b = a;
b.name = 'jack';
console.log(a);
// 控制台输出{name: "jack"},这是因为a,b访问的是同一段内存的堆数据,b=a语句并没有重新开辟内存空间,区别仅仅是a,b两者的指针不同,通过任何一个指针去修改堆中的数据,都会影响到其他的指针访问。

判断数据类型

typeof运算符

typeof对变量进行运算的结果一览表:

  • String
typeof 'a'
// 输出:"string"
  • Number
typeof 1
// 输出:"number"
  • Boolean
typeof true
// 输出:"boolean"
  • Null
typeof null
// 输出:"object"
  • Undefined
typeof undefined
// 输出:"undefined"
  • Object
typeof {a:1}
// 输出:"object"
  • Array
typeof [1,2,3]
// 输出:"object"
  • Function
typeof function(){}
// 输出:"function"

可以看到,Null, Object, Array类型数据通过typeof运算符得到的结果都是"object",那么如何准确的区分所有变量类型呢?

toString()

我们利用Object.prototype.toString.call()可以准确地区分js中的所有数据类型,先看一下使用到不同类型的输出是什么。

  • String
Object.prototype.toString.call('tom')
// 输出:"[object String]"
  • Number
Object.prototype.toString.call(100)
// 输出:"[object Number]"
  • Boolean
Object.prototype.toString.call(true)
// 输出:"[object Boolean]"
  • Null
Object.prototype.toString.call(null)
// 输出:"[object Null]"
  • Undefined
Object.prototype.toString.call(undefined)
// 输出:"[object Undefined]"
  • Object
Object.prototype.toString.call({})
// 输出:"[object Object]"
  • Array
Object.prototype.toString.call([])
// 输出:"[object Array]"
  • Function
Object.prototype.toString.call(function(){})
// 输出:"[object Function]"

可以发现,js中这八大数据类型都能得到准确的区分了。

更优雅的封装

得到"[object Function]"这样的结果在实际应用时,判断还是有点容易写错,所以有必要再做一些封装。

// 利用正则表达式进行优雅的封装,实现更简洁的调用
function getType(val) {
    return Object.prototype.toString.call(val).replace(/\[object\s(\w+)\]/, '$1').toLowerCase();
}
getType(1);
// 输出:"number"

那么为什么要用Object.prototype.toString呢?且听下文分解。

发布了98 篇原创文章 · 获赞 43 · 访问量 20万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览