一 变量的命名
(一)什么是变量
内存中存储1个数据的存储空间,再起个名字
(二)何时使用变量
程序中的数据都要先用变量保存再处理
(三)如何使用变量:声明–>赋值–>取值
1.声明
(1)什么是声明
声明就是在内存中创建一个新变量
(2)如何声明
①声明语法:var 变量名
②强调:仅声明未赋值的变量,默认值自动是undefined
③变量命名规则
- 不能以数字开头
- 不能用保留字
- 见名知义
④驼峰命名
首字母小写,之后每个单词首字母大写
例如:backgroundColor listStyleType studentName
2.赋值
(1)什么是赋值
将一个数据存入变量中
(2)如何赋值
① 赋值语法:变量名=值
② "="含义
"="专门表示将右边的值,存入左边的变量中保存;
对已有值的变量赋新值,新值会替换旧值。
3.取值
(1)什么是取值
从变量中取出数据,进行运算
(2)如何取值
在程序任何位置,只要使用变量名等效于直接使用变量中存储的数据
4.声明同时初始化(强烈建议)
(1)含义
第一次给变量赋值
(2)如何声明同时初始化:var 变量名=值
【例1-1】
/*声明一个变量,在变量中保存一个汉堡的名称*/
var burger;
burger="香辣鸡腿堡";
/*输出变量中保存的汉堡名称*/
//console.log(burger);
//console.log("香辣鸡腿堡");
/*声明一个变量drink,在变量中保存一种饮料的名称*/
var drink="零度可乐";
/*声明一个变量side,在变量中保存一种配餐的名称*/
var side="扭扭薯条";
/*输出:菜单
***豪华午餐***
汉堡的名称
饮料的名称
配餐的名称
*/
console.log("***豪华午餐***");
console.log(burger);
console.log(drink);
console.log(side);
内存图示意
5.特殊情况(2种)
- 为一个从未声明过的变量赋值,不会出错!会自动创建同名变量,再保存数据
- 尝试从一个从未声明过的变量中取值,会出错!报错类型==>ReferenceError:未找到或未定义
【例1-2】
box="包子";
console.log(box);//包子
console.log(tiantong);//报错!ReferenceError
二 JS变量与数据库
数据库就是电脑中存数据的文件
JS变量 | 数据库 |
---|---|
内存中 | 硬盘上的文件 |
临时的 | 持久的 |
客户端 | 服务器端只存一份 |
三 变量作用域
(一)含义
一个变量的可用范围
(二)JS中的2种作用域
1.全局作用域
一个变量可以在程序的任何位置被访问
2.函数作用域
一个变量仅能在函数调用时,内部被访问
五 JS中的2种变量
(一)全局变量
1. 含义
定义在全局作用域中的变量
2. 二种情况
(1)直接在任何函数外声明的变量
全局变量都属于window-全局对象
(2)无论在任何位置,为从未声明过的变量赋值时,自动在全局创建同名全局变量
(二)局部变量
1. 含义
定义在函数作用域中的变量