07_JavaScript函数作用域_递归

目录

一、作用域（重点）

二、变量的使用规则 （重点）

2.1 访问规则

2.2 赋值规则

三、递归函数 （难点） 了解

四、对象

4.1 对象的创建

---

 

一、作用域（重点）

• 什么是作用域 ?

作用域（上下文），就是一个变量可以生效的范围！！！
变量并不是所有的地方都可以使用，而这个变量的使用范围就是作用域

• 作用域有两个

1. 全局作用域

​
- 全局作用域就是最大的作用域
- 在全局作用域下定义的变量可以在任何地方使用
- 这个作用域会一直存在，直到页面关闭就销毁了var num = 100;
var num1 = 200;if(true){console.log(num,num1);
}function fn(){console.log(num,num1);
}
fn();console.log(num,num1);​

1. 局部作用域

- 在js中  只有函数能生成局部作用域，别的都不行！！！
- 局部作用域就是在全局作用域下开辟出一个相对小的作用域
- 局部作用域的变量只能在这个作用域内使用
- 每一个函数  都是一个局部作用域function fn1(){// 就是一个局部作用域var num = 100;console.log(num);
}
//console.log(num); //num is not defined
fn1();function fn2(){var aaa = "hhh";console.log(aaa);console.log(num);// num is not defined
}
fn2()

二、变量的使用规则 （重点）

• 有了作用域以后，变量有了使用范围，也有了使用规则

• 变量的使用规则 访问规则 和 赋值规则

2.1 访问规则

• 当我想获取一个变量的值的时候，这个行为就叫访问

• 访问的规则

  • 首先，先在自己的作用域内部查找，如果有，就拿来用

  • 如果没有，就去上一级作用域查找，如果有，就拿来用

  • 如果没有，就继续去上一级，以此类推

  • 如果一直找到全局作用域都没有这个变量，就会报错（变量名 is not defined）

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

  • 作用域的查找机制只能向上找，不能向下找

 var num1 = 100;function fn(){var num2 = 200;function fn1(){var num3 = 300;console.log(num3);//300 先在自己的作用域内部查找，如果有，就拿来用console.log(num2);//200 如果没有，就去上一级作用域查找，如果有，就拿来用console.log(num1);//100  如果没有，就继续去上一级，以此类推console.log(a);// a is not defined}fn1();}fn();

// 作用域的查找机制只能向上找，不能向下找function fn1(){var num = 100;}fn1();console.log(num);// 发现自己就是全局作用域，自己是全局的没有上一级了，直接报错

2.2 赋值规则

• 当你给一个变量赋值的时候，就先找到这个变量，在给他赋值

• 赋值规则

  • 先在自己作用域内部查找，有就直接赋值

  • 没有就去上一级作用域查找，有就赋值

  • 还没有在去上一级，一次类推 有就直接赋值

function fn1(){var username = "张三";function fn2(){username = "李四";console.log(username); //李四}fn2();console.log(username);//李四
}
fn1();

• 如果一直找到全局作用域都没有，那么就把这个变量定义乘全局变量，在给他赋值

function fn2(){function fn3(){num = 100;}fn3();
}
fn2();
console.log(num); //100

三、递归函数 （难点） 了解

• 在编程里，递归就是一个自己调用自己的手段

• 递归函数：一个函数内部，调用了自己，循环往复

// 这是一个简单的递归函数，
// 在函数内部调用了自己，函数一执行，就调用自己一次，在调用在执行  不会停止！！！
// 会是一个死递归，类似循环  死递归 会爆栈
function box(){console.log("哈哈哈哈哈递归！！！");box();
}
box();  Maximum call stack size exceeded  "超出最大调用堆栈大小"

• 所以 咱们只要写了递归，就需要停止， 通过return停止

  这个return 就是递归的归

var count = 0;
function fn(num){count++;console.log("我是递归函数");if(count===10){return;}fn()
}
fn()

练习：使用递归求和 1-5的和？？

     // /练习：使用递归求和  1-5的和？？ // 1-   5+fn(4)+fn(3)+fn(2)+fn(1)function fn(n){// 递归的归if(n==1){return 1}// 调用自己 fn()return fn(n-1) + n;}var res = fn(5);console.log(res);// 分析// 1、fn(5)-> 此时 n=5   if条件不成立  执行return fn(4) + 5;1+2+3+4+5// 2、fn(4)-> 此时 n=4   if条件不成立  执行return fn(3) + 4;1+2+3+4// 3、fn(3)-> 此时 n=3   if条件不成立  执行return fn(2) + 3;1+2+3// 4、fn(2)-> 此时 n=2   if条件不成立  执行return fn(1) + 2; ==>1+2// 5、fn(1)-> 此时 n=1   if条件成立了  返回1

四、对象

• 对象是一个复杂数据类型

• 也不是很复杂，只不过是存储了一些基本数据类型的一个集合

• 对象就是键值对 集合

var obj = {num:100,str:"hello",boo:true,username:"张三"
}

注意：对象{} 和函数{}是完全不一样

函数里写的是逻辑代码，，而对象里写的是一些数据！！！

4.1 对象的创建

• 字面量方式创建

// 先创建一个空对象
var obj = {};
obj.name = "Jack";
obj.age = 18;
obj['age'] = 19;
obj.address = "河南省商丘市";
console.log(obj);

• 内置的构造函数创建对象

​// js内置的狗仔函数创建对象//parseInt("19.11px"); //19//js内置构造函数？？？ 其实也是函数  构造函数首字母大写// 构造函数需要 new 关键字去创建var obj = new Object();obj.username="嘿嘿嘿";obj.age = 19obj['address'] = "北京市海淀区"console.log(obj);​

• for in 可以遍历（循环）对象

    //    如果想获取每一个键值对  就通过 for infor(var key in obj){console.log(key); // 获取到的键值对的 键名console.log(obj[key]); // 获取到的键值对的 值}

作业：

利用递归求100的阶乘 fn(n) = fn(n-1) *n