前端-JavaScript1-5——JavaScript之变量的类型

5.1 概述

基本类型5种

number 数字类型

string 字符串类型

undefined undefined类型，变量未定义时的值，这个值自己是一种类型

boolean 布尔类型，仅有两个值true 和 false，讲if语句时我们细说

null null类型，这个值自己是一种类型，遇见时我们细说

引用类型

讲到再说

至于什么是引用类型，我们到时候见到再说。

5.2 typeof关键字

这个关键字，用来检测一个变量的类型。

1 var a = 100;

2 console.log(typeof a);

5.3 number类型

所有的数字都是number类型

1
<script
type="text/javascript">

2
//下面定义的变量都是number类型

3
var
a = 100;

4
var
b = 234243245345;

5
var
c = -345345435435;

6
var
d = 345.3245234;

7
var
e = .5e6;

8
var
f = 0xff;

9
var
g = 017;

10
var
h = Infinity;

11
var
i = NaN;

13
console.log(typeof
a);

14
console.log(typeof
b);

15
console.log(typeof
c);

16
console.log(typeof
d);

17
console.log(typeof
e);

18
console.log(typeof
f);

19
console.log(typeof
g);

20
console.log(typeof
h);

21
console.log(typeof
i);

22
</script>

JS中所有的数字都是number类型的，不在细分为整形int、浮点型float这些乱七八糟的东西。

number类型的东西：所有数字（不分正负、不分整浮、不分大小、不分进制）、Infinity、NaN。

5.4 string类型

1 var m1 = "哈哈";

2 var m2 = "123";

3 var m3 = ""; //空字符串，也是字符串

4 console.log(typeof m1);

5 console.log(typeof m2);

6 console.log(typeof m3);

这个变量是什么类型，和赋的值有关系，而和定义的时候是没有关系的。定义的时候，都是用var关键字定义的。

1
var
mm = 123; //number

2
console.log(typeof
mm);

3
mm
= "哈哈"; //改为string是合法的

4
console.log(typeof
mm);

我们说js这个语言叫做动态数据类型，原因就在这里，就是赋值的时候就决定这个变量的类型了。甚至可以改变这个变量的值，为其他类型的值。变量的类型是自动检测的，而不是人规定的。

5.5 undefined类型

之前说过，一个变量只var过，没有赋初值，它的默认值是undefined;

这个undefined是自成一家，自己是自己的类型，它的类型也叫作undefined。undefined类型的值就只有undefined一个。

1 var nn; //我只定义了，没有赋初值，所以就是undefined，类型也是undefined

2 console.log(nn);

3 console.log(typeof nn);

5.6 加号

加号是一个运算符，我们先提前说一下。

加号两边都是数字的时候，那么就是数学加法；两边不都是数字的时候，那么就是连字符，结果是字符串。

1 console.log("你" + "好");

1 console.log(1 + "2");

因为2被引号引起来了，所以就是字符串，所以+就是连字符

1 var a = "1";

2 var b = "2";

3 console.log(a + b);

1 var a = 1;

2 var b = 2;

3 console.log("a" + b); //a2

多个加号，从左算到右：

1 var a = 1;

2 var b = 2;

3 var c = 3;

4 console.log("a" + a + b + "c");

1 var a = 1;

2 var b = 2;

3 var c = 3;

4 console.log(a + b + "c");

欧克了，下面附上代码

变量还是字符串

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        // var a = 100;

        // console.log("a");

        var a = "我爱中国";

        console.log(a);

    </script>

</head>

<body>

</body>

</html>

typeof检测类型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        //下面定义的变量都是number类型

        // var a = 100;

        // var b = 234243245345;

        // var c = -345345435435;

        // var d = 345.3245234;

        // var e = .5e6;

        // var f = 0xff;

        // var g = 017;

        // var h = Infinity;

        // var i = NaN;

        // console.log(typeof a);

        // console.log(typeof b);

        // console.log(typeof c);

        // console.log(typeof d);

        // console.log(typeof e);

        // console.log(typeof f);

        // console.log(typeof g);

        // console.log(typeof h);

        // console.log(typeof i);

        //以下都是字符串类型的

        // var m1 = "哈哈";

        // var m2 = "123";

        // var m3 = "";        //空字符串，也是字符串

        // console.log(typeof m1);

        // console.log(typeof m2);

        // console.log(typeof m3);

        // 动态数据类型

        // var mm = 123;

        // console.log(typeof mm);

        // mm = "哈哈";

        // console.log(typeof mm);

        // undefined

        var nn;

        console.log(nn);

        console.log(typeof nn);

    </script>

</head>

<body>

</body>

</html>

加号的意义

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        // console.log("你" + "好");

        // console.log(1 + 2);        //3

        // console.log(1 + "2");    //12

        // var a = "1";

        // var b = "2";

        // console.log(a + b);    //12

        // var a = 1;

        // var b = 2;

        // console.log("a" + b);    //a2

        // var a = 1;

        // var b = 2;

        // var c = 3;

        // console.log("a" + a + b + "c");

        var a = 1;

        var b = 2;

        var c = 3;

        console.log(a + b + "c");

    </script>

</head>

<body>

</body>

</html>

欧了，下一篇。