我的JavaScript学习之路二:JavaScript声明变量的三种方式
一、var声明
-
ECMAScript 变量是松散类型的,变量可以用于保存任何类型的数据,每个变量只不过是一个用于保存任意值的命名占位符(变量的本质就是在内存中开辟一块空间存放数据,他本身不是数据,只是一个装载数据的容器)。
-
JavaScript中的变量只是存放数据的容器,变量的类型由存放的值的类型决定,与变量本身无关。
-
JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。
1.1 var声明变量
在ES6之前,声明变量的唯一方式就是使用var关键字,且无法声明常量。
var message; //声明一个变量message;
console.log(message); // undefined
这里声明了一个名为message的变量,可以用于保存任何类型的值。在不初始化的情况下,变量中会保存一个特殊的值undefined。
var message = 'tom'; //**在变量声明的同时可以进行初始化。**
message = 18;
console.log(message); // 18
变量的初始化只是简单的赋值,并不标识变量类型,之后不仅可以改变变量保存的值,还可以改变值的类型。
1.2 var声明作用域
- 使用var声明的变量不具有块级作用域
{
var message = 'h1' // var声明变量没有块级作用域
}
console.log(message) // 'h1'
- 使用var操作符定义的变量会成为包含它的函数的局部变量
function test() {
var message = 'h1' // 局部变量
}
test() // 函数调用之后其中的局部变量即被销毁
console.log(message) // 报错
- var声明的全局变量被实现为全局对象的属性
var name = 'tom'
console.log(window.name) // 'tom'
- 在函数内定义变量时省略var操作符,将创建一个暗示全局变量。(在严格模式下将抛出ReferenceError)
function test() {
message = 'hi' // 暗示全局变量
}
test();
console.log(message) // hi
-------------------------------------------------------------------------------------------
//严格模式下
function test() {
"use strict";
message = 'hi' // 暗示全局变量
}
test();
console.log(message) // ReferenceError: message is not defined
1.3 var出现冗余声明不会报错
- var多次声明同名变量是合法的,并不会报错
var name;
var name; //不会报错
- 由于var变量只有函数作用域,不具有块级作用域,重复声明同名变量在for循环中很常见;在for循环中,var并不会把变量的作用域限定在循环体内,每次循环都会重新声明和重新初始化同一个变量
for( i = 0; i < 5; i++;){
console.log(i); //因为没有块级作用域,每一次循环都是使用同一个i
}
console.log