JavaScript

一、什么是JavaScript

JavaScript 用来控制网页的动效，网页的交互

网页主要由三部分构成

• 结构：HTML
• 表现：CSS
• 行为：JavaScript

二、JavaScript的引入

1.内部脚本：将JS代码定义在HTML页面中

JavaScript代码必须位于<sctipt>与</sctipt>标签之间

2.引入外部js

<script src="../js/index.js"></script>

三、JavaScript基础语法

3.1、输出语句

·使用alert()弹出警示框

·使用document.write()网页显示

·使用consolr.log()控制台输出

3.2、变量

·使用var关键字来声明变量

var num = 10;
console.log(num);

·ES6新增使用let关键字来声明变量

let num = 10;
consolee.log(num);

var 与 let 的区别：

1. 作用域：var声明的变量属于函数作用域或全局作用域，let声明的变量属于块级作用域。

2. 变量提升：使用var声明的变量存在变量提升（hoisting）的特性，let不存在变量提升

3. 重复声明：使用let重复声明同一个变量会导致语法错误。

3.3、数据类型

原始类型：number：数字（整数、小数）

                   string：字符串

                   boolean：布尔

                   null：空

                   undefined:未定义

使用typeof()来获取数据类型

let age = 10;
alert(typeof age);

3.4、类型转换

      1.显示转换

       其他类型转数字型  Number()---->遇到非数字部分转换失败返回NaN

      NaN---->not a number 不是一个数字

      let newNum1 = Number(num1);

      其他数据类转整数型  parseInt()---->遇到非数字部分停止转换，保留前面的数字

       其他数据类转浮点型  parseFloat()----遇到非数字部分停止转换，保留前面的数字及小数点

      2.隐式转换

3.5、流程控制语句

       ·if判断语句

let num = 10;
if (num > 0) {
  console.log("The number is positive");
} else if (num < 0) {
  console.log("The number is negative");
} else {
  console.log("The number is zero");
}

       ·switch语句

let day = "Monday";
switch (day) {
  case "Monday":
    console.log("Today is Monday");
    break;
  case "Tuesday":
    console.log("Today is Tuesday");
    break;
  case "Wednesday":
    console.log("Today is Wednesday");
    break;
  default:
    console.log("Today is neither Monday, Tuesday, nor Wednesday");
}

       ·for循环

for (let i = 0; i < 5; i++) {
  console.log(i);
}

       ·while循环

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

       ·do while循环

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

4.对象