变量
1 整体感知
初中的时候，学习了一个学科“代数”，x、y、z、a、b、c。
计算机的程序中，也是有这样的量，就是用字母来表示数字、字符串等其他东西的，称为“变量”。
| 1 var a = 100; 2 console.log(a); |
var a = 100;
这就是一个固定的写法，就是语法。也就是说，我们使用var来定义一个变量。
var就是英语“variant”变量的缩写。后面要加一个空格，空格后面的东西就是“变量名”，我们可以给变量任意的取名字。
var就是一个关键字，所谓关键字，就是有特殊功能的小词语。关键字后面一定要有空格隔开。
等号表示赋值，会将等号右边的值，赋给左边的变量。
2 变量的命名规范
变量名有命名规范：
只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。
下列都是非常正确的变量命名：
| 1 var haha = 250; 2 var xixi = 300; 3 var a1 = 400; 4 var a2 = 400; 5 var abc_123 = 400; 6 var $abc = 999; 7 var $o0_0o$ = 888; 8 var $ = 1000; 9 var _ = 2000; 10 var ________ = 3000; |
下列都是错误的命名：
| 1 //var a-1 = 1000; //不能有怪异符号 2 //var a@ = 2000; //不能有怪异符号 3 //var 2year = 3000; //不能以数字开头 4 //var a￥= 4000; //不能有怪异符号 5 //var a*#$#$@ = 5000; //不能有怪异符号 6 //var a b =300; //不能有空格 |
下列的单词，叫做保留字，就是说不允许当做变量名，不用记：
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
大写字母是可以使用的，并且大小写敏感。也就是说A和a是两个变量。
| 1 var A = 250; 2 var a = 888; |
3 变量的定义和赋值
变量用var来定义。只有定义之后，这个变量才能够使用。
比如，我们不设置变量，直接输出：
| 1 <script type="text/javascript"> 2 console.log(a); 3 </script> |
正确：
| 1 var a; //定义 2 a = 100; //赋值 3 console.log(a); //输出100 |
有经验的程序员，会把定义和赋值写在一起：
| 1 var a = 100; //定义，并且赋值100 2 console.log(a); //输出100 |
在JavaScript中，永远都是用var来定义变量，这点C、Java等等既然不同。
赋值用等于号，表示等号右边的值，赋给左边的变量。
4 区分变量和字符串
| 1 var a = 100; 2 console.log("哥们，字母表里面第一个字母是啥？"); 3 console.log("a"); //输出字母a |
这个a在引号里面，所以就是一个字符串“a”了，而不是一个变量。换句话说，一个变量如果想输出保存的内容，那么就不能加引号。
变量的类型
| 1 var a = 100; //存放了一个数字 2 var b ="中国"; //存放了一个字符串 3 console.log(a); //输出变量a 4 console.log(b); //输出变量b |
变量里面能够存储数字、字符串。变量会自动的根据存储的东西类型不同，来决定自己的类型。
也就是说变量有类型。
1 数值型
如果一个变量中，存放了数字，那么这个变量就是数值型的。
| 1 var a = 100; //定义了一个变量a，并且赋值100 2 console.log(typeof a); //输出a变量的类型 |
typeof表示“某某的类型”
语法：
| 1 typeof变量 |
JavaScript种，只要是个数，那么就是数值型的，无论整浮、无论大小、无论正负，都是number类型的。
“浮”就是浮点数，就是“小数”，术语叫做“浮点数”。
| 1 var a = 100; //定义了一个变量a，并且赋值100 2 var b = 234234234324324324; 3 var c = 3.234234234324324; 4 var d = -23423432432432432; 5 var e = -34.3423423432; 6 var f = 0.324234234; 7 8 console.log(typeof a); 9 console.log(typeof b); 10 console.log(typeof c); 11 console.log(typeof d); 12 console.log(typeof e); 13 console.log(typeof f); |
2 字符串型
string就是字符串型的意思。
| 1 var a ="abcde"; 2 var b ="中国"; 3 var c ="123123"; 4 var d ="哈哈哈哈哈"; 5 var e =""; //空字符串 6 7 console.log(typeof a); 8 console.log(typeof b); 9 console.log(typeof c); 10 console.log(typeof d); 11 console.log(typeof e); |
3 连字符和加号
键盘上+在JS中有两层含义：
1） 连字符
2） 加
| 1 console.log("我" +"爱" +"你"); //连字符，把三个独立的汉字，连接在一起了 2 console.log("我+爱+你"); //原样输出 3 console.log(1+2+3); //输出6 |
同样是加号，有时候表示的是连字符，有时候表示的是加号。什么时候是连字符？什么时候是加呢？
如果加号两边都是数值，此时是加。否则，就是连字符。
| 1 <script type="text/javascript"> 2 var a = "1"; 3 var b = 2; 4 console.log(a + b); 5 </script> |
| 1 var a = 1; //数字 2 var b = 2; //数字 3 console.log(a + b); |
| 1 var a = 234234; 2 var b = 234323112; 3 console.log("a+b"); //由于加上了引号，所以就表示原样输出 |
| 1 var a = 1; 2 var b = 2; 3 console.log("a" + b); //"a"就不是变量了！所以就是"a"+2输出a2 |
| 1 var a = 123; 2 var b = "123"; 3 console.log(a + "b"); |
变量值的传递
语句：
| 1 a = b; |
将等号右边的值，赋给左边的变量；等号右边的变量，值不变。
把b的值赋给a，b不变。
案例：
| 1 var a = 1; //定义a，并且赋值1 2 var b = 2; //定义b，并且赋值2 3 a = b; //就是将b的值给a，b的值不变。所以a就是2了，b是2不变。 4 console.log(a); //2 5 console.log(b); //2 |
| 1 var a = 1; 2 var b = 2; 3 b = a; //将a的值给b，a的值不变，所以b就是1了，a还是1不变 4 console.log(a); 5 console.log(b); |
| 1 var a = 1; //定义a变量，值是1 2 var b = 2; //定义b变量，值是2 3 a = b + 3; //将5赋值给a，b的值还是2。 4 b = a + 4; //将9赋值给b，a的值还是5 5 console.log(a); //5 6 console.log(b); //9 |
| 1 //a b c 2 var a = 1; //1 3 var b = 2; //1 2 4 var c = 3; //1 2 3 5 a = b + c; //5 2 3 6 b = c - a; //5 -2 3 7 c = a * b; //5 -2 -10 8 console.log(a); 9 console.log(b); 10 console.log(c); |
| 1 //a b c 2 var a = 1; 3 var b = 2; 4 var c = 3; //1 2 3 5 a = a + b; //3 2 3 6 b = b + a; //3 5 3 7 c = c + b; //3 5 8 8 console.log(a); //3 9 console.log(b); //5 10 console.log(c); //8 |
| 1 //a b 2 var a = "1"; 3 var b = 2; //"1" 2 4 a = a + b; //"12" 2 5 b = b + a; //"12" "212" 6 console.log(a); //输出12 7 console.log(b); //输出212 |
| 1 //a b 2 var a = "1"; 3 var b = 2; 4 a = b + a; //"21" 2 5 b = b + a; //"21" "221" 6 console.log(a); //21 7 console.log(b) //221 |
运算符和表达式
1 数学运算符
整体感知：
我们比如要计算这个：
JavaScript中正确的表达式就是：
| 1 (3 + 4 * 5) / (6 + 3) |
+、*、/、(都是运算符
这个式子叫做表达式。
运算符有很多分类：数学运算符、逻辑运算符、自增运算符等等。我们今天只学习数学运算符。
| + | 加 |
| - | 减 |
| * | 乘 |
| / | 除（问号杠） |
| % | 取余数 |
| ( ) | 括号 |
先算乘除、后算加减：
| 1 var a = 1 + 2 * 3; 2 console.log(a); |
| 1 var a = 12 / 2 * 3 + 2; 2 console.log(a); |
小括号，能够影响计算顺序。没有中括号、没有大括号，只有小括号。小括号能嵌套
| 1 var a = (1 + 2) * 3 + 3 * 5 2 console.log(a); |
解：原式 = 3*3 + 15
= 9 + 15
= 24
| 1 var a = ((1 + 2) * 3 + 3) * 5 2 console.log(a); |
解：原式 = (3*3+3)*5
= (9+3)*5
= 12*5
= 60
还能多个嵌套
| 1 var a = (6 + ((1 + 2) * 3 + 3)) * 5 2 console.log(a); |
百分号是取余数的意思
| 1 var a = 13 % 5; 2 console.log(a); //输出3 |
因为13 ÷ 5 = 2 ……3，所以结果是3。 得几不重要，我们关心的就是余数。
| 1 console.log(10 % 5); |
因为10 ÷ 5 = 2 ……0 ，所以结果是0。得几不重要，我们关心的就是余数。
| 1 console.log(3 % 5); |
因为3 ÷ 5 = 0 ……3 ，所以结果是3。得几不重要，我们关心的就是余数。
乘、除、取余数的运算优先级相同，谁写在前面，先算谁。
| 1 var a = 1 + 2 * 3 % 4 / 3; 2 console.log(a); |
解：原式 = 1 + 6 % 4 / 3
= 1 + 2 / 3
= 1 + 0.6666666666
= 1.66666666666666
| 1 var a = (1 + 2) % 4 * 3 + 5 2 console.log(a); |
解：原式 = 3 % 4 * 3 + 5
= 3 * 3 + 5
= 14
2 乘方和开根号
比如：
= 3 * 3 * 3 * 3
| 1 var a = Math.pow(3,4); 2 console.log(a); |
语法，如果想计算ab
| 1 Math.pow(a,b); |
还是那句话，你不懂为啥突然乱入了一个Math，但是你要知道只要这么写了，就有效果。
Math是英语“数学”，pow就是“power”乘方的意思。
| 1 var a = Math.pow(3,4*5); 2 console.log(a); |
| 1 var a = Math.pow(3,Math.pow(2,2)); 2 console.log(a); |
| 1 var a = Math.pow(Math.pow(3,2),4); 2 console.log(a); |
开根号：
| 1 var a = Math.sqrt(81); 2 console.log(a); |
sqrt就是英语“开根号”的意思。
1775
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
