JavaScript里的数据类型
因为最近在学javaScript,然后刚开始入门的时候,就讲到了一些基础语法和一些常用的概念,今天的话又突然了解到了JavaScript中的一些数据类型,觉得挺有意思的,所以我就对javaScript学习过程中遇到的一些问题和学到的一些东西做一个总结:
任何一种语言都有其自己的数据类型,当然我现在在学习的JavaScript也不例外,在这段时间中写的一些小Demo,其中的一些代码段都是由一句句代码和变量,方法组成的,但是如果不仔细去看去查阅,作为初学者的我们又是否知道,这所谓的一句句代码和变量方法就是由不同的数据类型组成的吗?
01|JavaScript中的数据类型的简介
JavaScript中的数据类型有6中,如果说包括后面随着ES6(EcmaScript 6)的更新又增加了一种数据类型叫做Symbol(符号),这样一来就有总共7种数据类型了,7中数据类型为:
- number(数值,数字):包括整数以及小数(例如:1,2,3,4还有小数1.34,6.88等)
- string(字符串):文本(我们程序员自学时候 刚开始写的Hello World!)
- boolean(布尔类型):表示表示真伪的两个特殊值,分别为true:真,false:假
- undefined(未定义):其实看英文就能够看到它的含义,就是未定义,正因为它是未定义,因此没有任何值
- null(空):表示空值,此时的值为空!
- object(对象):表示各种值的集合!
- symbol(字面量基本类型):这个Symbol具体的属性请参见MDN-Symbol
其实通过上面还是还是能够见到的理解这简短的含义的,其中我们在编码过程中常见的三种类型分别是:
- number:数值 数字
- string:字符串
- Boolean:布尔类型
这三种是我们在开发过程中常用到的类型了,称之为原始类型(primitive type),不能再做细分了,然后就是Object(对象)称之为合成类型(complex type),因为一个对象往往是由多个原始类型的值合成,将各种不同类型的数据封装起来,也可以类比为一个容器,此时你可能会问<kbd>undefined</kbd>和<kbd>null</kbd> 怎么没有进行介绍呢?
其实这两种在编码过程中还是有很多地方予以体现的,只不过没有明显的表示出来而已:
<kbd>Example</kbd>:
- 我们对其声明一个变量,但是没有值:
var parameters;
//default value is undefined
//等同于 var parameters=undefined;
所以根据上面的例子很好说明,当我们需要声明一个变量但是不进行赋值的时候,该变量就为undefined,就是未定义的意思!
- 声明一个对象但是不想赋值:
var documentObject=null;
//null就是为空值的意思 我们一般生命对象不对其进行赋值就是将其设置为 null!
- 有一个非对象,不想赋值
var boolean;//声明非对象 不对其进行赋值
其实还是比较容易理解的,从上面的示例中就很清楚的看出undefined和null的应用!
但是上面的用法只是我们所推荐的!
在我们介绍到7个数据基本类型中的6个的时候,下面一个比较重要数据类型就是概念,虽然上面提到了一下,但是还是简单介绍一下,Object(对象)在项目中是如何体现的:
- 狭义的对象(Object):
var person={
'name':ProbeDream,
'age':21,
'gender':'male'
}
其中将三种属性封装在了对象当中,因为三种属性都有一种特性,就是人的特性,因此这三个属性的合成就变成了一个对象!
- 数组(array)
var arrays=[
'0':'1',
'1':'2',
'2':'3',
'3':'4'
]
var first=arrays['0'];
从这个里面也应该还理解吧,就是一个数组,也可以直接通过object[key]的形式来拿数据,或者是通过object.key的形式来拿数据!
- 函数(function)
var happy=function(name){
console.log('welcome!'+name+'hello World');
}
以上面示例的函数也是对象:
02|null和undefined如果出现在条件判断语句里面会以一种什么样的形式存在呢?
假设我们都不知道null和defined在if条件判断语句中是什么意思,但是通过实际应用应该会有一个答案,于是下面的代码就会有体现:
This is Code Description:
//undefined 部分
if (undefined) {
console.log('undefined is true!');
}else{
console.log('undefined is false!');
}
//null 部分
if (null) {
console.log('null is true!');
}else{
console.log('null is false!');
}
This is the result of the code run:
details undefined:
if (undefined) {
console.log('undefined is true!');
}else{
console.log('undefined is false!');
}
VM127:4 undefined is false!
details null:
if (null) {
console.log('null is true!');
}else{
console.log('null is false!');
}
VM130:4 null is false!
通过上面的示例和运行结果显示,在条件判断语句中,unll和undefined都是以Boolean中的false存在的!
因为JavaScript里面的一些细节方面的东西太多,需要我不断学习和整理,以后的内容我会慢慢整理成Blog然后贴出来的,如果认为这篇Blog还有什么问题的话可以去我的Github向我反馈谢谢!
