javascript 变量的引用 js使用变量

转载

mob6454cc685264 2024-05-29 19:33:50

文章标签 javascript 变量的引用 javascript ViewUI 局部变量全局变量 文章分类 JavaScript 前端开发

JavaScript(JS) 中"变量"的使用

变量的定义： 变量是指程序中一个已经命名的储存单位，它的主要作用就是为数据操作提供存放信息的容器。
变量的命名：

必须以字母或下划线（_）开头，中间可以是数字、字母或下划线；
变量名不能包括空格、加、减等符号；
不能使用JS中关键字作为变量名，如int,new等；
JS的变量名严格区分大小写；

变量的声明与赋值：
在JS中，var 就是专门用来声明变量的；

声明一个变量 var 变量名;如果仅仅是声明一个变量，不对变量进行赋值，那么这个变量是有默认值(undefined)
如：var x；输出就是 undefined
注：一个 var 可以同时声明多个变量，中间用逗号隔开。如：var x,y,z;

定义一个变量 var x=1;对变量进行声明的时候，同时为变量进行赋值，对变量"x"的操作，本质就是对数值"1"的操作
注：声明变量的同时，也可以对多个变量进行赋值。如：var x=1,y=2,z=3;

注：如果对同一个变量进行多次赋值，那么后者将覆盖前者。
如：var x=1; var x=2;
那么"x"的值最终为"2"

使用 var 声明的变量可以进行提升。提升就是把加 var 的变量提到代码的最前面。因为JS代码在执行之前有一个预解析，预解析的时候做了两件事，把加var的变量提升，把函数提升。
一个script标签就是一个代码段。预解析完后，才会执行JS代码
提升的时候仅仅是提升了声明
如：
console.log(x) //输出结果：undefined var x = 666; console.log(x) //输出结果：666 复制代码
上面代码相当于如下代码：
var x; console.log(x) //输出结果：undefined x = 666; console.log(x) //输出结果：666 复制代码

全局变量和局部变量：
JS中的变量分两类：全局，局部
全局变量指变量在函数内外都可以访问
局部变量指只能在函数内部访问
特别注意：在JS中，全局变量和局部变量的分界点是"函数" (想了解函数的使用，可以关注我)

全局变量
var age = 100; function f(){ console.log("在函数里面访问的全局变量"+age) } console.log(age) 先输出 f() // 函数调用后输出复制代码
输出结果：100
在函数里面访问的全局变量100
注：如果你要使用这个函数，那么你一定要调用这个函数，否则不起作用

局部变量
function f(){ var name = "xiao"; // 局部变量，因为这个变量放在函数里面 console.log(name) } console.log("----"+name) 先输出 f() 后输出复制代码
输出结果：----
xiao
因为这个变量放在函数里，所以为局部变量，函数外面访问不了
当局部变量提升时，局部变量是提升到了函数体的最前面
示例：
function f(){ console.log(a) var a = 2; } f(); 复制代码
上面代码相当于如下代码：
function f(){ var a; console.log(a) a = 2; } f(); 复制代码

console.log(); 意思是在浏览器的控制台输出

看如下代码，说出它是全局变量还是局部变量
for(var i=0; i<10; i++){ } console.log(i) 复制代码
答：是全局变量，原因是全局变量和局部变量的分界点是函数

加var变量不足之处：

1，提升全局变量的提升，局部变量的提升

2，同名变量，那么后面的变量会覆盖前面的变量

3，可以省去var

....

总结： 使用var声明变量，在这前用的比较多，在ES6出来后，又定义了两个关键字，一个叫let (可以声明块级作用域)，一个叫const 也就是说，在JS中，我们以后尽量使用let或const来声明变量，有的低版本浏览器，对这个let和const支持不给力(极少数)

let 的使用

如果使用了let声明的变量，那么这个变量是不会提升的

示例：
console.log(a) let a = 1; 复制代码
那么它会直接报错，而不会输出 undefined

如果使用了let声明的变量，可以防止重复声明

示例：
let a = 1; let a = 2; let a = 3; console.log(a) 复制代码
那么它会直接报错

使用let可以形成一个块级作用域，一个{}就是一个块级作用域

示例：
{ let a = 10; console.log(a) 输出结果：10 } console.log(a) 输出结果：直接报错复制代码
示例：
let a = 10; { console.log(a) // let a = 666; } 复制代码
输出结果：10 （如果把let a = 666;的注释取消，就会直接报错）
注：暂存性死区如果你在这个块级作用域中使用let声明了一个变量，在块级作用域外面也有一个同名的变量，当你要在块级作用域中这个变量前面去访问这个变量时，那么它会这样考虑，在块级作用域中已经有了a,只不过你是访问不了的，是因为let声明的变量不能提升
如果在for循环中循环变量如果使用了let ，你可以把它当作是块级作用域中的变量，也就是说，只要出来{} i 就不能生效。所以，以后在使用for循环的时候，不要使用var来声明一个循环变量，要使用let来声明一个循环变量