HTML day05

前端班day05课堂内容记录

主要内容：判断，三元表达式，循环

①关于判断

判断: 用的最多的就是if判断
// 1.
// if(条件){
// 当条件满足以后执行的语句
// }

// 2.
// if(条件){
//
// }else{
// 当上面的条件不满足的时候,就走底下
// }

// 3.多重条件判断
// if(条件){
//
// }else if(条件){
//
// }else if(条件){
//
// }else{
//
// }

// 一组if判断,只能有一个if,elseif可以有0个或者多个
// else只能有0个或者1个

var a = true;
if(a){ //这个条件到最后全都会被转换成boolean
console.log("hello");
}else{
console.log("world");
}

// 一组if判断,当前面的条件满足以后,后面的都不会去执行

// 用户输入学生考试成绩
// 判断用户输入的是否是数字,如果是数字,继续判断,
// 成绩大于等于90,控制台输出优秀
// 成绩大于等于80并且小于90,控制台输出良好
// 成绩大于等于70并且小于80,控制台输出中等
// 成绩大于等于60并且小于70,控制台输出及格
// 成绩小于60.控制台输出垃圾

// 如果不是数字,控制台输出请输入正确的成绩

f判断中条件的限制
if("undefined"){ //条件全部会转换成boolean
console.log("nengshuchu")
}

// 1.跟NAN做比较的时候
// 2.数字类型 0 转换成false.非0转换成true
// 数学运算
// false转换成0
// true转换成1
// 0转换成false,非0转换成true是什么意思?
// 3.空的字符串转换成false,非空转换成true
// 4.引用类型的全部转换成true
// 5.在if判断的条件中不要写小数的加减（重点重点）

// 在if判断中
// 0,false,空串,undefined,null转换成false.其他的全部转换成true

// typeof() 检测数据类型的方法，需要检测的类型放在参数
// 返回的值: string number function object undefind boolean

// var a = 10;
// var b = "hello world";
// var c = [];
// var d = {};
// function e(){};
// var f = null;
// var g;
// console.log(typeof(g))
// if(undefined){
// console.log("这个能输出吗？")
// }
// 0.1+0.2 = 0.3
console.log(0.1+0.2); //在任何一门高级语言中，这个叫高精度数

②关于三元表达式

三元表达式
// 三目运算
// 三元运算

// 简单点理解就是if的简化版
// 语法
// 表达式1?表示式2:表达式3;
// 条件(boolean)
// true的时候走表达式2
// false的时候走表达式3
// var a = 100;
// a == 100?console.log("你好"):console.log("不好");

// 接收用户输入的工资
// 1.如果工资大于等于20000 输出"土豪"
// 2.如果工资大于等于8000小于20000,输出"一般"
// 3.如果工资小于8000,输出"屌丝"
// 用三元表达式完成,不能使用if

③关于循环

控制台输出
// console.log();
// 警告框输出
// alert()
// 页面输出
// document.write(); //在文档中写入一段内容，这个内容是一个字符串的格式

document.write("hello");
// 还可以输出一段html代码,这个html代码可以被浏览器解析
document.write('<h1 class="color_red">aksjdfhlsjkdf</h1>');
// 引号的嵌套问题

// 循环: 在条件范围内.重复去执行某一段代码
// for,for in,foreach,forof,while,dowhile
// for(条件1;条件2;条件3){
// 循环的语句
// }
// a++
// a = a + 1
// for(var a = 0;a < 5;a++){ //++自己增加1
// console.log("hello")
// }
// 1. var a = 0;<b>满足 < 5</b>;a+1 --> 执行循环里面的语句
// 2. a = 1;满足 < 5 ;a+1 --> 执行循环里面的语句
// 3. a = 2;满足 < 5 ;a+1 --> 执行循环里面的语句
// 4. a = 3;满足 < 5 ;a+1 --> 执行循环里面的语句
// 5. a = 4;满足 < 5 ;a+1 --> 执行循环里面的语句
// 6. a = 5;不满足<5 循环就已经结束了

// 从1+100
// 1+2+3+4+....+99+100;

break; 退出循环
// continue; 跳出本次循环
// for(var i = 0;i < 10;i++){
// console.log(i);
// if(i == 5){ //当条件满足的时候。
// break; //只要碰到了，循环就直接结束了
// }
// }

④关于函数

函数: 封装代码,是一系列代码的集合
// 函数名: 命名规则和变量的命名规则一样
// 参数:形参(形式上的参数),参数的类型可以不限,个数可以不限
// 函数体: 当函数被调用的时候所执行的代码
// return： 返回值，如果没有写，则返回undefined
// function 函数名(参数1,参数2...){
//// 函数体
//
// return 函数的返回值
// }


function fun(){
return true
}
console.log(fun()) //输出函数的执行就是输出函数的返回值
// 控制台没有东西?因为函数还没有开始调用

// 函数如何调用?
// console.log(fun) fun就表示这一个函数
// () 执行符号 执行的就是函数

// 内置函数
// isNaN() 返回一个boolean
// typeof()
// parseInt()
// parseFloat()
// alert()
// eval()
// ...