JavaScript声明和使用变量

目录

1.声明和命名变量

2.变量的作用域

3.变量声明提升

4.变量的数据类型

简单数据类型

Boolean数据类型

String数据类型

Null数据类型

Number数据类型

复杂数据类型

Array数据类型

Object数据类型

5.数据类型转换

6.typeof操作符

---

参考书籍：《JavaScript 权威指南----ECMAScript5+HTML5DOM+HTML5BOM》编著：张亚飞

1.声明和命名变量

在JavaScript中，可以使用关键字 var 声明变量，声明方法如下： 

var 变量名 ; //仅声明变量
var 变量名=初始值 ; //声明变量并直接为变量赋初值

在声明变量时，需注意JavaScript的变量是区分大小写的，例如，下面的语句声明的两个变量是不相同的： 

var username="路飞";
var userName="One Piece";
//检测一下
alert(username); //输出 路飞
alert(userName); //输出 One Piece

2.变量的作用域

在Javascript中，使用使用关键字 var 定义的变量既可以是局部变量也可以是全局变量，这取决于定义语句所在的位置。在函数体中使用 var 关键字定义的变量为局部变量；在函数体外使用 var 关键字定义的变量为全局变量。 

function local(){
    var localVar="局部变量"; //这里定义的是局部变量
    alert(localVar); //输出 局部变量
}
local();
var globalVar="全局变量"; //这里定义的是全局变量
alert(globalVar); //输出 全局变量
alert(localVar); //输出 undefined

不使用 var 关键字声明而直接赋值使用的变量为全局变量，无论其是否在函数体内，例如下面这段代码。 

function local(){
    undefinedVar="未声明的变量"; //对未被声明的变量undefinedVar直接赋值使用
}
local();
alert(undefinedVar); //输出 未声明的变量

3.变量声明提升

在没有声明变量的情况下使用变量，和在使用变量之后声明变量的结果是不同的，例如下面的代码： 

alert(userName);

这一行代码仅使用 userName 变量，既没有在其前声明该变量，也没有在其后声明该变量，那么在执行时就会弹出出错警告，并且不会执行成功。

但是如果在使用 userName 变量的语句之后补充声明了该变量，那么就不会弹出警告，并且会顺利执行，例如下面的代码：

alert(userName); //userName变量未声明， 输出 undefined
var userName="浪里花"; //声明userName变量，并赋初值
alert(userName); //输出 浪里花

虽然之前没有声明变量，但是随后进行了声明，那么执行器就会将所有的变量声明移到语句的顶部，这也被称为变量声明提升。如果是在函数内声明局部变量，那么就会将变量声明提升到函数体内的最顶部。

虽然变量声明提升能将变量声明提到最顶部，但是却不能将赋值语句也提到顶部，所以，当用户之前访问未声明的变量时，一般就会返回该变量对应数据类型的默认值。 

4.变量的数据类型

JavaScript的数据类型分为简单数据类型和复杂数据类型。

简单数据类型

下表列出了JavaScript的5种简单数据类型。

数据类型	取值范围
Boolean	true或false
Number	双精度浮点型，IEEE 754规定的双精度取值范围。
String	字符串，需在首尾加上双引号或者单引号。
Undefined	undefined (注意区分大小写)，当定义了一个变量而未为该变量赋值时 ，该变量的值就是undefined
Null	null (注意区分大小写)

Boolean数据类型

Boolean为逻辑数据类型，其值是 true 或 false ，常用于if-else等条件语句中以控制程序流。任何JavaScript简单数据类型的值都可以通过类型转换函数Boolean()来将其转换为Boolean值，JavaScript也会在适当时将值 true 和 false 转换为 1 和 0 .

数据类型	转换为true的值	转换为false的值
Boolean	true	false
Number	任何非零数字值（包括无穷大）	0和NaN
String	任何非空字符串	""(空字符串)
Undefined	/	undefined
Null	/	null

String数据类型

String即为字符串类型，值得注意的是，要赋字符串值给变量，需在字符串的首尾加上双引号或者单引号，例如：

"这是字符串"
'这是字符串'
''					//这是空字符串，两个单引号之间没有空白
""					//这是空字符串，两个双引号之间没有空白

如果要让字符串换行，可以使用转义字符（十六进制字符或使用十六进制指定16位Unicode字符），常用转义字符如下表。

转义字符	含义	十六进制字符值	Unicode字符值
\b	退格符（ASCII 8）	\x08	\u0008
\t	水平制表符（ASCII 9）	\x08	\u0009
\n	换行符（ASCII 10）	\x0A	\u000A
\v	垂直制表符（ASCII 11）	\x0B	\u000B
\f	换页符（ASCII 12）	\x0C	\u000C
\r	回车符（ASCII 13）	\x0D	\u000D
\"	双引号（ASCII 34）	\x22	\u0022
\'	单引号（ASCII 39）	\x27	\u0027

Null数据类型

Null数据类型只有一个值，即null，表示一个空对象。null值可以用在很多情况下，例如：

- 表明变量还没有接收到值。
           - 表明变量不再包含值。
           - 作为函数的返回值，表明函数没有可以返回的值。
           - 作为函数的一个参数，表明省略了一个参数。

Number数据类型

Number是双精度浮点值，浮点值即是带有小数点的数字。浮点数字都是十进制的，如果是整数，那么数字可以以十进制、八进制（前导“0”）和十六进制（前导“0x” 或“0X”，推荐小写）来表示。

另外，有两个数字常量需要注意：

Infinity 表示正无穷大，一个正数除以0就会返回正无穷。

NaN表示非数字，一个变量定义后未赋值就进行数学运算，就会返回NaN。

复杂数据类型

JavaScript的复杂数据类型常用的有两种：Array 数据类型和 Object 数据类型。

Array数据类型

Array为数组变量，JavaScript数组中的元素的数据类型很自由，可以混合各种数据类型，甚至是混合复杂的数据类型，也可以嵌套另一个数组。

例如：

 

var arr1=[true,'javascript',20161105];
var arr2=new Array(false,'复合数组',arr1);
alert(arr1); //输出 true,javascript,20161105
alert(arr2); //输出 false,复合数组,true,javascript,20161105
alert(arr2.length); //输出 3

arr2为复合数组，其内部包含另外一个数组（arr1），结构如下图。 

Object数据类型

Object本质上是一组属性和属性值的集合，我们可以使用 new 关键字来创建Object对象，并为其添加属性和（或）方法，例如： 

var user=new Object();
user.name="百里香";
user.age=18;
//user={name: "百里香", age: 18}

5.数据类型转换

JavaScript是一种弱类型的语言，弱类型意味着用户不必显式地声明变量的数据类型，JavaScript将根据需要自动进行数据类型转换。

例如，下面的语句声明了一个名为 myValue 的数字类型变量。之后，由于又为其赋值一个字符串，该变量被隐式地转换为了字符串类型。 

var myValue=20161105;
alert(myValue); //输出 20161105
myValue="2016年11月5日";
alert(myValue); //输出 2016年11月5日

在JavaScript中，还可以使用全局函数对变量的数据类型进行强制(显式)转换，这些函数包括 parseFloat()、parseInt()、Number()、String()和Boolean()。  

6.typeof操作符

typeof操作符用来检测变量的数据类型。对于值或变量使用typeof操作符会返回如下字符串。 

字符串	描述
undefined	未定义
boolean	布尔值
string	字符串
number	数值
object	对象或null
function	函数