数据类型

2017-12-07  本文已影响10人  无迹落花

弱类型特性

我们知道在js中定义变量的时候无需指定类型,比如说指定一个变量num,赋值为32

 var num=32;

稍后也可以马上将一个字符串赋值给这个变量

num='this is a string';

这样也是合法的。

有的人可能认为,oh my god,js好简单,定义变量时,连类型都不用管。

真的是这样的吗? 带着这样的疑问,我们来看一下下面这个例子:

32+32                // 64

32+32的运算结果,当然是64

稍微做一点修改,把左边的32用双引号引起来表示一个字符串:

'32'+32             // 3232
这次的运行,会理解为字符串的拼接,运行结果就是3232



同样是字符串与数字运算,稍微做些改变,将+号变成-号;

'32'-32           // 0

这次又会理解为数字的运算,结果是0

我们看到,JavaScript虽然说不需要指定数据类型,但是就是因为没有显示的指定变量的类型,反而在一些js的操作符,运算符,进行一些运算的时候,背后有着一套复杂的隐式转换逻辑。




JavaScript常见的数据类型

我们把一些常见的、比较基础简单的类型称之为:原始类型,主要有

                    number
                    string
                    boolean
                    null
                    undefined

这5种

除了这5种原始类型呢,剩下的呢就只有一种,叫做对象类型 object。
(此处先暂时忽略es6引入的新的原始数据类型Symbol)。

可能有的朋友会问,咦? 函数啊、数组啊哪去了?

在JavaScript中, FunctionArrayDate,... 等也是对象,尤`其是函数呢是一种比较特殊的对象,因为我们知道函数是可以调用的,并且有它自己的作用域等一些相关内容




隐式转换

JavaScript中的+号在不同情景下有着不同的含义,比如说最常见的,左边是一个字符串,右边是一个数字,那么加号就表示字符串拼接:

'the answer is '+42     //     'the answer is 42'
42+'the answer'         //     '42the answer'

但是同样,左边是字符串'37',右边是数字7,运行的结果-号呢会理解为减法运算,+号呢则会理解为字符串拼接:

'37'-7        //   30
'37'+7       //    '377'

可以巧用+/-规则来转换数据类型
比如说我们想把一个字符串number转化为数字类型,那么只需减去一个0就可以了
同样的,我们如果想把一个数字number转化为字符串类型,只需要加个空的字符串就行

'12'-0             //    12
12+''              //   '12'

==等于与严格等于===

 '123'==123       // true     字符串123和数字123是相等的,当等号两边,一边是字符串,
一边是数字时,会尝试先把字符串转化为数字,再进行比较

 0==false    // true 

'1'==true    //  true

 null==undefined  // true

 new Object()==new Object  //  false

[1,2,3]==[1,2,3]     //   false

严格等于 ===

  a===b

中间3个等号,严格等于,它首先会判断等号左右两边的数据类型是否一样,如果数据类型不一样,那么就会直接返回false,如果数据类型一样,再按照==规则进行判断

  '123'===123    //  false

   0===false    //   false

 null===undefined   // false

'123'==='123'     //  true

[1,2,3]===[1,2,3]    // false

new Object()===new Object()  //  false

对象、数组、函数都是引用,所以都是不等的。

另,NaN与自己也不等

NaN===NaN      //  false




包装对象

前面提到,JavaScript有6种基本数据类型,分别是:

            number 
            string
            boolean
            null
            undefined
            object

在原始类型种,number,string,boolean,这三种原始类型都有其对应的包装类型

下面我们来进行一段编码演示,F12打开控制台

QQ截图20171207180111.png

我们可以看到 str 是一个基本的数据类型string,而strObj呢是一个对象类型。
并且这个对象类型呢是string的一个包装类。

我们可以看到这个str是一个基本的数据类型string,它不是对象,所以它不应该有属性,也不应该有方法。


1.png

但是这里我想访问这个字符串的长度是多少,str.length会打印出字符串的长度,我尝试通过对象的方法对str添加属性,结果也能添加上去,但是最后打印str.a时,又变成了undefined

_ 实际上在JavaScript中,当尝试把一个基本类型string以对象的方式去使用它的时候,(比如说我们去访问它的length属性,或者按照对象的方式为其添加一个属性的时候),JavaScript会非常智能的去把这样的一个基本类型转化成它所对应的包装类型对象,相当于new了一个string,值和str的值一样。当设置完成以后,这个临时对象会被销毁掉。 所以再次访问就会使undefined_

除了string外,number,boolean也是一样的。

2.png
上一篇下一篇

猜你喜欢

热点阅读