javascript基础复习的第一天

lert：弹出框

console.log：打印日志

prompt：输入框

简单数据类型和复杂数据类型

数字型中八进制和十六进制的写法

数字型中：Number.MAX_VALUE 和 Number.MIN_VALUE的含义

<script>
// 1. 更新变量

// 2. 声明多个变量
// var age = 18;
// var address = '火影村';
// var gz = 2000;
var age = 18,
address = '火影村',
gz = 2000;
// 3. 声明变量的特殊情况
// 3.1 只声明不赋值 结果是？ 程序也不知道里面存的是啥 所以结果是 undefined 未定义的
var sex;
console.log(sex); // undefined
// 3.2 不声明 不赋值 直接使用某个变量会报错滴
// console.log(tel);
// 3.3 不声明直接赋值使用
qq = 110;
console.log(qq);

变量的命名规范：关键字和保留字（ps:在JavaScript高级程序设计的21页）

关键字：

break do instanceof typeof case else new  var catch finally return void continue  for switch while debugger function this with default if throw delete in try 

保留字：

Abstract enum int short boolean export interface static byte extends long super char final 

native synchronized class float package throws const goto private transient debugger implements protected volatile double import public

数字型number

var num = 10; // num 数字型 
var PI = 3.14 // PI 数字型
// 1. 八进制 0 ~ 7 我们程序里面数字前面加0 表示八进制
var num1 = 010;
console.log(num1); // 010 八进制 转换为 10进制 就是 8 
var num2 = 012;
console.log(num2);
// 2. 十六进制 0 ~ 9 a ~ f #ffffff 数字的前面加 0x 表示十六进制
var num3 = 0x9;
console.log(num3);
var num4 = 0xa;
console.log(num4);
// 3. 数字型的最大值
console.log(Number.MAX_VALUE);
// 4. 数字型的最小值
console.log(Number.MIN_VALUE);
// 5. 无穷大
console.log(Number.MAX_VALUE * 2); // Infinity 无穷大 
// 6. 无穷小
console.log(-Number.MAX_VALUE * 2); // -Infinity 无穷大
// 7. 非数字

isNaN() 这个方法用来判断非数字 并且返回一个值 如果是数字返回的是 false 如果不是数字返回的是true

获取变量的数据类型：type

console.log(isNaN(12)); // false
console.log(isNaN('123')); // true

字符串的拼接：

1. 检测获取字符串的长度 length 

var str = 'my name is andy';
console.log(str.length); // 15

 2. 字符串的拼接 + 只要有字符串和其他类型相拼接 最终的结果是字符串类型

console.log('沙漠' + '骆驼'); // 字符串的 沙漠骆驼
console.log('老师' + 18); // '老师18'
console.log('pink' + true); // pinktrue
console.log(12 + 12); // 24
console.log('12' + 12); // '1212'

布尔型boolean

var flag = true; // flag 布尔型 
var flag1 = false; // flag1 布尔型
console.log(flag + 1); // true 参与加法运算当1来看
console.log(flag1 + 1); // false 参与加法运算当 0来看
// 如果一个变量声明未赋值 就是 undefined 未定义数据类型
var str;
console.log(str);
var variable = undefined;
console.log(variable + 'pink'); // undefinedpink
console.log(variable + 1); // NaN undefined 和数字相加 最后的结果是 NaN
// null 空值
var space = null;
console.log(space + 'pink'); // nullpink
console.log(space + 1); // 1

变量之间的相互转换

如何将变量转换为字符串变量？

// 1. 把数字型转换为字符串型 变量.toString()
var num = 10;
var str = num.toString();
console.log(str);
console.log(typeof str);
// 2. 我们利用 String(变量) 
console.log(String(num));
// 3. 利用 + 拼接字符串的方法实现转换效果 隐式转换
console.log(num + '');

 如何将变量转换为数字型变量？

// 1. parseInt(变量) 可以把 字符型的转换为数字型 得到是整数
// console.log(parseInt(age));
console.log(parseInt('3.14')); // 3 取整
console.log(parseInt('3.94')); // 3 取整
console.log(parseInt('120px')); // 120 会去到这个px单位
console.log(parseInt('rem120px')); // NaN
// 2. parseFloat(变量) 可以把 字符型的转换为数字型 得到是小数 浮点数
console.log(parseFloat('3.14')); // 3.14
console.log(parseFloat('120px')); // 120 会去掉这个px单位
console.log(parseFloat('rem120px')); // NaN
// 3. 利用 Number(变量) 
var str = '123';
console.log(Number(str));
console.log(Number('12'));
// 4. 利用了算数运算 - * / 隐式转换
console.log('12' - 0); // 12
console.log('123' - '120');
console.log('123' * 1);

如何将变量转换为布尔型？

console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log('------------------------------');true
console.log(Boolean('123'));//true
console.log(Boolean('你好吗'));//true
console.log(Boolean('我很好'));//true

算数运算符的学习：

console.log(1 + 1); // 2
console.log(1 - 1); // 0
console.log(1 * 1); // 1
console.log(1 / 1); // 1
// 1. % 取余 （取模） 
console.log(4 % 2); // 0
console.log(5 % 3); // 2
console.log(3 % 5); // 3
// 2. 浮点数 算数运算里面会有问题
console.log(0.1 + 0.2); // 0.30000000000000004
console.log(0.07 * 100); // 7.000000000000001
// 3. 我们不能直接拿着浮点数来进行相比较 是否相等
var num = 0.1 + 0.2;
console.log(num == 0.3); // false

前置运算和后置运算（不会需要多去深入理解）总结：不会的根本原因对数据结构不熟悉需要学习

运算符优先级：

1.（）优先级最高

2、一元运算符：++ – ！

3.算数运算符：先*/后±

4.关系运算符：> >= < <=

5.相等运算符：== ！= === ！==

6.逻辑运算符：先&&后||

7.赋值运算符：=

总的来说就一句话：先一元，后二元；先算数，后关系；

var a = 1;
  //请分析每一次计算时，a的值
 var b = a++ + ++a +(a = 1 * ++a + a++ - 1) + ++a + a++
  //a=9,b=27
 // 1+3+(a=1*4+4-1)+8+8=4+7+16=27 我不知道怎么得出结果的，不会.....

循环运算语句的学习：

1. if 的语法结构 如果if

 if (条件表达式) {

执行语句

 }

2. 执行思路 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句 

如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码

3. 代码体验

if (3 < 5) {
alert('沙漠骆驼');

If else双分支语句

 1. 语法结构 if 如果 else 否则

if (条件表达式) {

执行语句1

 } else {

执行语句2 

 }

2. 执行思路 如果表达式结果为真 那么执行语句1 否则 执行语句2

var age = prompt('请输入您的年龄:');
if (age >= 18) {
alert('我想带你去网吧偷耳机');
} else {
alert('滚， 回家做作业去');
}

5. if里面的语句1 和 else 里面的语句2 最终只能有一个语句执行 2选1

 6. else 后面直接跟大括号

If else if 语句

1. 多分支语句 就是利用多个条件来选择不同的语句执行 得到不同的结果 多选1 的过程

2. if else if语句是多分支语句

3. 语法规范

if (条件表达式1) {
// 语句1;
} else if (条件表达式2) {
// 语句2;
} else if (条件表达式3) {
// 语句3;
} else {
// 最后的语句;
}

4. 执行思路

如果条件表达式1 满足就执行 语句1 执行完毕后，退出整个if 分支语句 

如果条件表达式1 不满足，则判断条件表达式2 满足的话，执行语句2 以此类推

如果上面的所有条件表达式都不成立，则执行else 里面的语句

5. 注意点

(1) 多分支语句还是多选1 最后只能有一个语句执行

(2) else if 里面的条件理论上是可以任意多个的

(3) else if 中间有个空格了

三元表达式

1. 有三元运算符组成的式子我们称为三元表达式

2. ++num 3 + 5 ? :

3. 语法结构 

条件表达式 ？ 表达式1 ： 表达式2

4. 执行思路

如果条件表达式结果为真 则 返回 表达式1 的值 如果条件表达式结果为假 则返回 表达式2 的值

5. 代码体验

var num = 10;
var result = num > 5 ? '是的' : '不是的'; // 我们知道表达式是有返回值的
console.log(result);
// if (num > 5) {
// result = '是的';
// } else {
// result = '不是的';
// }

 switch分支语句：

 switch注意事项

var num = 1;
switch (num) {
case 1:
console.log(1);

case 2:
console.log(2);
case 3:
console.log(3);
break;
}

1. 我们开发里面 表达式我们经常写成变量

2. 我们num 的值 和 case 里面的值相匹配的时候是 全等 必须是值和数据类型一致才可以 num === 1

3. break 如果当前的case里面没有break 则不会退出switch 是继续执行下一个case