2020尚硅谷JavaWeb（一）：前端部分

一、JavaScript

1、引入js

• JS是弱类型语言（类型可变）
• 特点：
  • 1.交互性（信息的动态交互）
  • 2.安全性（不允许直接访问本地磁盘）
  • 3.跨平台性（只要是可以解释JS的浏览器都可以运行，和平台无关）
• JS和html代码的交互
  • 第一种方式<script type="text/javascript"><script>
  • 第二种方式导入外部的js文件来执行，src属性用来引入js文件路径（可以是相对路径）<script type="text/javascript" src="1.js"></script>
    • 两个功能二选一，不能在引入外部后，标签内仍旧写。

2、变量

• 什么是变量？变量是可以存放某些值的内存的命名。
• JavaScript的变量类型：
  • 数值类型：number
  • 字符串类型：string
  • 对象类型：object
  • 布尔类型：boolean
  • 函数类型：function
• typeof()是JavaScript语言提供的一个函数，它可以返回变量的数据类型。
• JS的特殊值：
  • undefined：未定义，所有Js的变量没有赋初始值的时候，默认值都是undefined
  • null：空值
  • NAN：全称是Not a number。非数字，非数值。比如String类型和number类型进行乘法后，结果就是NAN

3.关系（比较运算）

• 等于：== 等于是简单的做字面值比较，会自动类型转换。
• 全等于：=== 除了字面值的比较之外，还会比较两个变量的数据类型。

a = 12
b = "12"
a == b /* true */
a === b /* false*/

4.逻辑运算

• 且运算：&&
  • 有两种情况
    • 第一种：当表达式全为真的时候，返回最后一个表达式的值。
    • 第二种：当表达式中，有一个为假的时候，返回第一个为假的表达式的值 。
• 或运算：｜｜
  • 第一种情况：当表达式全为假，返回最后一个表达式的值。
  • 第二种情况：只要有一个表达式为真，则会把第一个为真的表达式返回。
• 取反运算：！
• 在js中，所有变量，都可以作为一个布尔类型变量去使用。
• 0, null, undefined, “”(空字符串，必须一个空格都没有) 都认为是false

var a = "abc";
var b = true;
var d = false;
var c = null;

alert(a && b); // true 返回true
alert(b && a); // true 返回abc

alert(a && d); // false 返回
alert(a && c); // null 返回
alert(a && d && c); // fasle返回

alert( d || c); // null
alert( c || d); // false
alert( a || c); // "abc"
alert( b || c); // true

5.数组

• 定义一个空数组：var arr = [];
• 数组可以是混合类型：var arr = [1, ‘abc’, true]
• arr.length = 0
• js中的数组，只要我们通过数组下标赋值，那么最大的下标值，就会自动给数组扩容。

6.函数定义（重点）

6.1 函数定义的两种方式

• js中的函数不允许重载，会直接覆盖掉原本的定义。

• 第一种：使用function关键字定义函数

  • 定义后，函数调用才会执行 func();
  • 有参数的函数，没必要给类型，因为是动态类型
  • 在js中返回语句，只需要直接在函数类直接返回就可以。

function fcname(参数列表){
   
/*	func body * /
}

• 函数的第二种定义方式是：var 函数名 = funciton(形式参数列表){函数体}

var func