JavaScript基础

HTML/CSS/JS的关系

书写位置

JS有三种书写位置，分别为：

• 行内
• 内嵌
• 外部

什么是变量？

变量就是一个装东西的盒子，通俗的来说，变量就是存放数据的容器。我们通过变量名获取数据，甚至可以修改数据

数据类型

JS数据类型：JS 的数据类型有几种？

 8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。

JS数据类型：JS 的数据类型有几种？

 8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。

JS数据类型：JS的基本类型和引用类型有哪些呢？

基本类型（单类型）：除Object。 String、Number、boolean、null、undefined。

引用类型：object。里面包含的 function、Array、Date。

JS数据类型：JS 中 typeof 输出分别是什么？

{ } 、[ ] 输出 object。

console.log( ) 输出 function。

注意一点：NaN 是 Number 中的一种，非Number 。

分支语句

1. 分支结构: 根据不同的情况, 执行不同的代码
   分支语句:
   if语句
   switch语句
   if语句第一种形式
   语法：

if(条件表达式){ ​ 代码… }

<input type="text" placeholder="请输入性别:m&w" id="i1">
<button onclick="gender()">判断性别</button>
function gender() {
				// 获取输入框的值, 先获取输入框
				// js 通过元素的id值获取html元素
				var input1E = document.getElementById("i1");
				// js里, 获取DOM元素的属性值, 使用点语法
				var input1Value = input1E.value-0;
				//console.log(input1E, input1Value);
				if(input1Value == "m") {
					console.log("男");
				}
			}

if语句的第二种形式if(条件表达式)

{ 代码块1… } else{ 代码块2… }

// 输入三个数, 求三个数里的中间大的数(就认为三个不一样大)
function middleNum() {
				var i1 = document.getElementById("n5").value - 0;
				var i2 = document.getElementById("n6").value - 0;
				var i3 = document.getElementById("n7").value - 0;
				if (i1 > i2) {
					if (i3 > i1) {
						alert(i1);
					} else{
						if (i2 > i3) {
							alert(i2);
						} else{
							alert(i3);
						}
					}
				} else{
					if (i3 > i2) {
						alert(i2);
					} else{
						if (i1 > i3) {
							alert(i1);
						} else{
							alert(i3);
						}
					}
				}
			}

if语句的第三种形式

if() { } else if(){ } else if(){ } else { } // else if 可以有多个,
根据需要处理的可能

function rankScore() {
    var score = document.getElementById("score").value - 0;
    if(score >= 90) {
        alert("秀儿");
    }
    else if(score >= 80) {
        alert("良好");
    }
    else if(score >= 70) {
        alert("及格");
    }
    else {
        alert("不及格");
    }
}

switch…case语句

switch(表达式) {
    case 值1: {
        代码块1...
        break;
    }
    case 值2: {
        代码块2...
        break;
    }
    case 值3: {
        代码块3...
        break;
    }
        ...
        default: {
            默认代码块...
            break;
        }
}

if和switch…case的区别:

共同点：
都是根据某些条件选择性的执行某些代码(分支)

不同点：
if 通过 条件表达式的成立与否决定执行某些代码
switch…case 是直接对表达式的值做匹配决定是否执行某些代码

2. 循环结构: 重复执行某段代码

   在 JavaScript 中，循环语句主要有两种：for 语句和 while 语句。

   for 语句

for ([定义循环变量]; [循环条件测试]; [更新循环变量]){
    [被循环语句]}

在命令行终端中输出从 0 到 9 这 10 个数字

for (let i = 0; i < 10; ++i) {
    console.log('数字：', i);
  }

while 语句
while 语句与 for 语句相比，最大的区别在于它并没有为循环变量的初始化和更新预留语法单元

while ([循环条件测试])
    [被循环语句]

eg.

let line = null;
let i = 1;
while (line = readLine(text)) {
    console.log(i + '. ', line);
    i++;
}

while 语句还有一种特殊的形式，被称为 do-while 语句

do {
    [被循环语句]
} while ([循环条件测试]);

对于上面输出文本的循环，如果我们希望在输出正式内容之前无论如何都要先输出一条提示信息

let line = '下面是目标文件的内容：';
let i = 1;
do {
    console.log(i + '. ', line);
    i++;
} while (line = readLine(text));