二阶段JavaScript-Day05知识点整理(函数、作用域、递归、事件)

二阶段JavaScript-Day05知识点整理

1.函数

1.预解析

​ JavaScript代码在运行的时候会先对代码进行预解析，把声明式函数和var声明的变量提到代码头部，然后再执行代码。

2.作用域（重点）

​ 作用域就是一个变量可以生效的范围，即变量使用范围。

3.全局作用域

​ 全局作用域是最大的作用域。

​ 全局作用域中对应的变量可以再任意地方使用。

​ 页面打开的时候，浏览器会自动生成一个全局作用域window。

​ 作用域会一直存在直到页面关闭。

4.局部作用域

​ 局部作用域是全局作用域下开辟的相对小一些的作用域。

​ 局部作用域中定义的变量只能在该局部作用域内使用。

​ JS中只有函数能生成局部作用域，别的不行。

​ 每个函数都是一个局部作用域。

5.变量使用规则

​ 变量的使用规则分为两种，访问规则和赋值规则

6.访问规则

​ 获取变量的值的时候，就叫做访问

​ 获取变量的规则：

​ 先在自己的作用域找，有直接拿来用，没有去上一级作用域查找。

​ 如果上一级作用域也没有，就继续再向上一级查找，依次类推。

​ 如果一直到全局作用域都没有这个变量，那么就报错（变量 is not defined）

​ 注意

​ 变量的访问规则也叫做 作用域的查找机制。

​ 作用域的查找机制只能是向上级找，不能向下级找。

​ 函数定义时的形参也可以当成函数的局部变量。

​ 变量赋值规则

​ 先在自己作用域查找，有的话直接赋值，没有的话就去上一级去找。

​ 上一级没有的话，就再去它的上一级去查找，依此类推。

​ 如果一直找到全局作用域都没有，那么就把这个变量定义为全局变量，再赋值。

7.递归函数

​ 简单的说，递归函数就是自己调用自己，循环往复。

//最简单的一个递归函数
function fn (){
    fn();
}
fn();

​ 递归函数需要有一个初始化，自增，执行代码，条件判断，不然就是一个没有尽头的递归函数，即死递归。

8.简单实现一个递归

​ 需求：求斐波那契数列的第10个数的值。

​ 斐波那契数列，即从数列第三项开始，每项值是前两项值的和。

function Fibonacci (n){
    if(n == 1 || n == 2){
        return 1;
    }
    else{
        return Fibonacci(n-1) + Fibonacci(n-2);
    }
}

var number = Fibonacci(10);
console.log(number);

2.函数与事件结合使用

1.事件的种类

​ onclick ：点击事件

​ onmouseover ：鼠标移入事件

​ onmouseout ：鼠标移出事件

​ …

2.获取页面的元素（操作DOM）

var element = document.getElementById(' 元素Id名 ');

3.事件触发函数

element.事件 = function (){  }