Third JS Study

146 阅读2分钟

Day Three

检查JS的运行:

方法1:

var i = 0
var total = 0
//先判断条件 再执行操作
while(i <= 20){
debugger
// debugger断点 检查JS的运行
if(i % 2 === 0){
total = total + i
}
i++
}
console.log(total)

方法2:

右键网页检查,打开Sources,或者直接F10

选择刚刚写入的代码

在需要检查的JS开始行标记一个断点后刷新网页

while和do while的区别

var i = 0

var total = 0

//while先判断条件 再执行操作

while(i <= 20){

if(i % 2 === 0){

total = total + i
}
i++
}
console.log(total)
var i = 0

//先执行 再判断 至少会走一遍

do{

console.log(i);

i++

}while(i < 10)

while和do while的应用第一个例子学驾照。

var age = 15

while(age<18){

console.log('年龄不够,再过'+(18-age)+'年再来吧')

age++

}

console.log('欢迎报名')

//循环定义变量age15,定义循环变量age<18,打印年龄不够,age++继续循环,直到age>18,打印欢迎报名

var result = ''

var i = 1

do{

console.log('学习完毕,第'+i+'次准备考试')

console.log('科一科二科三科四')

i++

result = prompt('考试通过了吗')

while(result !== '是')

console.log('等待拿证')

do while例子2:

 var res = ''
do{
res = prompt('请输入6位密码')
if(res !=='123456')
console.log('密码输入有误');
}while(res !== '123456');
console.log('欢迎使用ATM功能');

do while例子3:

 console.log('欢迎使用招商银行ATM机')
var password = ''
var errorCount = 0
var isSuccess = false
do{
password = prompt('请输入密码')
isSuccess = password === '123456'//比对密码
//密码错误给出提示
if(isSuccess === false){
console.log('密码不正确,请重新输入')
errorCount++
//错误次数到了3次则退出
if(errorCount===3){
console.log('连续错误三次,卡已冻结')
break//打断循环
}
}
}while(isSuccess === false);
if(isSuccess){
errorCount=0//登录成功则清空错误输入次数
console.log('请选择操作,1.查询 2.取款 3.存款')
}else{
console.log('登录失败')
}

do while例子4:

var balance = 1000
var money = 0
do {
money = prompt('请输入取款金额')
if (money === '退出') {
break
}
if (isNaN(money)) {
console.log('请输入正确的数字')
} else {
money = parseInt(money)
if (money <= 0 || money > balance) {
console.log('金额有误,请重新输入')
} else {
balance -= money
console.log('取款成功,当前余额' + balance + '元')
}
}
} while (true);
console.log('谢谢使用')

补充:var和let的区别

 // var a = 10
// var a = 20
// console.log(a)
let a = 10
let a = 20
console.log(a)

var可以重复定义,后面定义的变量值会覆盖之前定义的值

let不可以重复定义,会报错

if(2 > 1){
let a = 20
}
console.log(a);

let定义局部变量,外面的定义的a是window里面的a所以找不到if里面的a定义的值,他会去window里面去找,window里面并没有这个a这个变量所以会报错

 
let a = 20

let没有办法变量提升,所以找不到打印a找不到下面定义的a所以报错

CONST的作用

let a = 10
let b = 20
let c = a * b
  // console.log(a + '*' + b + '=' + c);
 console.log(`${a}*${b}=${c}`);
const unitPrice = 100
unitPrice = 200 //报错

for循环

let month = prompt('月份')
month = parseInt(month)
let date = prompt('日期')
date = parseInt(date)
let total = 0
total += date
for (let i = 0; i <= month - 1; i++) {
switch (i) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
total += 31
break
case 4:
case 6:
case 9:
case 11:
total += 30
break
case 2:
total += 29
break;
}
}
console.log(`${month}月${date}日是2020年第${total}天`);