JavaScript第二次培训.md

10.14 JavaScript 培训纲要

0. 前言

   • 课后前后端分组
   • 今天讲的以概念为主，回去要自己多练

1. 基础概念

   1. 表达式（expression）

      表达式是由一个或多个确定的值、常量、变量、运算符或函数组成的， 并且可以通过编程语言解析、计算后，产生另一个值

      • 表达式所产生的值可以是一种语言所支持的任何类型。
      • 在JavaScript中可以有String, Number, Boolean, Object (Function, RegExp, Date, ...), null, undefined
      • 有使用到值的地方都可以写表达式

   2. 函数（function/subroutine）

      函数是由一系列的代码组成， 用于执行某个特定的操作， 并且可以在其它程序中任意使用的东西

2. 运算符

   1. 赋值运算符 =

      • 左值表达式必须返回一个可写入的东西

   2. 比较运算符

      • == 能转换成相等的东西就相等
      • === 值与类型都相等才相等

   3. 自增自减

      • ++
      • --
      • ++a是先加再用，a++是先用再加

   4. 逻辑运算符

      • ||
      • &&
      • 短路
      • JavaScript的逻辑运算符不止返回Boolean类型，可以利用这一点实现“逻辑判断+求值”二合一的操作

   5. 三元运算符

      • ?:

3. 原始值

   1. 5种原始值：数字、文本、布尔值、null、undefined
   2. 原始值是不可改动的
   3. 假值 (falsy values)
      • 0
      • ''
      • false
      • null
      • undefined
   4. 直接量
      • 直接量用来创建新的对象
      • 对象/数组/函数/正则直接量语法

4. 函数

   1. 形参与实参
   2. 返回值
   3. 调用函数
   4. 函数表达式/立即执行的函数

5. 对象

   • 单纯的对象其实就是键值匹配的数据结构
   • JavaScript中除了原始值就是对象（笼统地说）
   • 对象都是引用（内存图解）
   • 对象/数组/函数/正则直接量用来创建新的对象引用
   • 原始值可以隐式装换为对象
   • 遍历对象
   • *原型链
   • 对象远不止这些！

6. 数组

   1. 运行下面的函数看看效果

      • indexOf
      • reverse
      • slice
      • push, pop
      • splice
      • concat

   2. 搜索数组：传统for循环与indexOf

   3. 将for循环的代码变为函数式

   4. 介绍数组高阶函数

      • forEach
      • every
      • some
      • map
      • filter
      • reduce 积累运算 - 多个数值通过计算变成一个值
      • sort

7. *作用域

   1. 作用域

      • 词法作用域
      • 块级作用域

   2. 声明提升

   3. 闭包

8. 习题

9. 前后端分组

10. 前后端考核题