1.课程大纲
- 变量的声明以及使用
- 字符串变量的声明以及使用
- 变量的可变性的声明以及使用
- 变量的可变性
2.1 什么是变量
- 变量是存储信息的容器
- 假如有一只空杯子，我们把数字1放入这只杯子里，接着我们给这只杯子取名为n，那么就是变量。
2.2 声明变量
var 变量名 = 变量储存的信息;
- 声明变量的关键字是：var。
var a = 1;
- 声明变量要用关键字var，n是变量名，数字1就是变量n存储的信息。
2.3 变量的使用
- 在警告框上显示变量的值，代码如下
var n = 1;
alert(n);
- 在警告框上显示变量的值，显示效果如下：
- 从警告框中显示结果可知，将数值1赋值给变量n，那么变量n中存储的内容即为1.
2.4 变量命名的规则
可以给变量取名为你喜欢的任何名字
。名字长短由你来定，里面可以有字母、数字、下划线和美元符号，不过对于变量名还有几条规则：
- 区分大小写，意思是大写和小写是不同的，所以teacher Teacher TEACHER是三个不同的变量名。
- 变量名不能以数字开头，所以1csdn不能作为变量名。
- 变量名不能包含空格
2.5 像程序员一样的思考
砖业的JavaScript程序猿给变量命名时几乎总是以小写字母开头，这种命名的方式我们称之为小驼峰命名法，是否遵循JavaScript的编程风格由你决定。因为我们使用的是JavaScript，所以在以后的授课中都会遵循这种风格
2.6 数值型变量
- 数值型变量：声明变量赋值为一个数字，该变量即为数值型变量。
- 声明数值型变量的代码如下
var a1 = 1;
var a2 = 2;
- 在警告框中显示数值型变量a1和a2的和，代码如下：
var a1 = 1;
var a2 = 2;
alert(a1+a2);
- 在警告框中显示数值型变量a1和a2的和，显示效果如下：
- 从警告框中显示的结果可以看出，数值型变量的加法和数学中的加法运算一样。
注意：数值型变量的加法(+)，减法(-)，乘法(*)，除法(/)和数学中的运算一样，仅运算符号不同。
2.7 变量的重新赋值
- 变量的可变性：声明变量x并赋值为1，然后给变量x重新赋值为2，代码如下：
var x = 1;
x = 2;
alert(x)
- 在警告框上的显示效果如下：
- 从显示结果可以看出，变量重新赋值以后在警告框上显示的是重新赋值后的值，即为2.
2.8 字符串
- 用双引号括起来的就是字符串。
- “a”、“1”即为字符串。
2.9 字符串变量
var 变量名 = 字符串;
- 把字符串赋值给变量，该变量即为字符串变量。
- 声明变量name，将字符串“肖邦”赋值给变量name，name即为字符串变量，代码如下：
var name = "肖邦";
2.10 使用变量把自己的名字写在画布上
- 声明变量myName，并且赋值为自己的名字，代码如下：
var myName = "忆往昔";
- 使用变量myName，将自己的名字写在画布上，并设置微软雅黑字体，代码如下：
<!DOCTYPE html>
<html>
<title>test01</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<canvas id="myCanvas"
width="500" height="500"></canvas>
<body>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var myName = "忆往昔";
ctx.font = "60px 微软雅黑"
ctx.fillText(myName,100,300);
</script>
</body>
</html>
代码运行结果如下：
211
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
