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

其实通过上面还是还是能够见到的理解这简短的含义的,其中我们在编码过程中常见的三种类型分别是:

1. number:数值 数字
2. string:字符串
3. Boolean:布尔类型

这三种是我们在开发过程中常用到的类型了,称之为原始类型(primitive type),不能再做细分了,然后就是Object(对象)称之为合成类型(complex type),因为一个对象往往是由多个原始类型的值合成,将各种不同类型的数据封装起来,也可以类比为一个容器,此时你可能会问<kbd>undefined</kbd>和<kbd>null</kbd> 怎么没有进行介绍呢?

其实这两种在编码过程中还是有很多地方予以体现的,只不过没有明显的表示出来而已:

<kbd>Example</kbd>:

1. 我们对其声明一个变量,但是没有值:

 var parameters;
//default value is undefined
//等同于 var parameters=undefined;

所以根据上面的例子很好说明,当我们需要声明一个变量但是不进行赋值的时候,该变量就为undefined,就是未定义的意思!

2. 声明一个对象但是不想赋值:

var documentObject=null;
//null就是为空值的意思 我们一般生命对象不对其进行赋值就是将其设置为 null!

3. 有一个非对象,不想赋值

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向我反馈谢谢!