变量(变量的定义、变量在内存中的存储、变量的使用(声明变量,赋值,变量的初始化,案例一:定义卡卡西,案例二:使用输入的信息)、变量语法扩展(更新变量,定义多个变量,声明变量特殊情况),变量命名规范)"/>
变量(变量的定义、变量在内存中的存储、变量的使用(声明变量,赋值,变量的初始化,案例一:定义卡卡西,案例二:使用输入的信息)、变量语法扩展(更新变量,定义多个变量,声明变量特殊情况),变量命名规范)
变量
变量的定义
变量就是存放数据的容器,我们通过变量名获取数据,数据可以修改
变量在内存中的存储
变量的使用
变量使用时分为两步:声明变量、赋值
声明变量
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//声明一个变量名称为a var是JavaScript中的一个关键字,意义是声明一个变量var a;</script>
</head>
<body></body>
</html>
赋值
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//声明一个变量名称为a var是JavaScript中的一个关键字,意义是声明一个变量var a;//变量赋值a = 10;//在控制台输出变量aconsole.log(a);</script>
</head>
<body></body>
</html>
变量的初始化
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//声明一个变量名称为a var是JavaScript中的一个关键字,意义是声明一个变量var a;//变量赋值a = 10;//在控制台输出变量aconsole.log(a);//变量初始化var tom = 666;console.log(tom);</script>
</head>
<body></body>
</html>
案例一:定义卡卡西
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var name = '卡卡西';var address = '火影村';var age = 30;var email = 'kakaxi@itcast';var money = 2000;console.log(name);console.log(address);console.log(age);console.log(email);console.log(money);</script>
</head>
<body></body>
</html>
案例二:使用输入的信息
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//声明变量并初始化var myname = prompt('请输入你的名字');//输出变量console.log(myname);</script>
</head>
<body></body>
</html>
变量语法扩展
更新变量
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var age = 18;console.log(age);//更新变量age = 20;console.log(age);</script>
</head>
<body></body>
</html>
定义多个变量
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//定义多个变量,换不换行都行var a = 1, b = 2, c = 3;var c,d,e = 10;</script>
</head>
<body></body>
</html>
声明变量特殊情况
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//会出现undefinedvar age;console.log(age);/* //使用没有声明没有赋值的变量会报错 如果报错的话,程序就不会向后执行了console.log(tel);*///不声明直接赋值虽然没出错,但是不提倡tem = 10;console.log(tem);tem = 20;console.log(tem);</script>
</head>
<body></body>
</html>
变量命名规范
这里注意:name不属于关键字,但是name在浏览器中通常有特殊含义,所以不要用这个变量名
案例一:交换
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var a = 1, b = 2, temp;//利用temp做临时变量交换a b的值console.log(a);console.log(b);temp = a;a = b;b = temp;console.log(a);console.log(b);</script>
</head>
<body></body>
</html>
更多推荐
变量(变量的定义、变量在内存中的存储、变量的使用(声明变量,赋值,变量的初始化,案例一:定义卡卡西,案例二:使用输入的信息)、变量语法扩展(更新变量,定义多个变
发布评论