**
作用域
**
1.全局作用域
全局作用域是最大的作用域
在全局作用域中定义的变量可以在任何地方使用
页面打开的时候,浏览器会自动给我们生成一个全局作用域 window
这个作用域会一直存在,直到页面关闭就销毁了
// 下面两个变量都是存在在全局作用域下面的,都是可以在任意地方使用的
var num = 100
var num2 = 200
2. 局部作用域
局部作用域就是在全局作用域下面有开辟出来的一个相对小一些的作用域
在局部作用域中定义的变量只能在这个局部作用域内部使用
在 JS 中只有函数能生成一个局部作用域,别的都不行
每一个函数,都是一个局部作用域
// 这个 num 是一个全局作用域下的变量 在任何地方都可以使用
var num = 100
function fn() {
// 下面这个变量就是一个 fn 局部作用域内部的变量
// 只能在 fn 函数内部使用
var num2 = 200
}
fn()
变量使用规则
首先,在自己的作用域内部查找,如果有,就直接拿来使用
如果没有,就去上一级作用域查找,如果有,就拿来使用
如果没有,就继续去上一级作用域查找,依次类推
如果一直到全局作用域都没有这个变量,那么就会直接报错(该变量 is not defined)
var num = 100
function fn() {
var num2 = 200
function fun() {
var num3 = 300
console.log(num3) // 自己作用域内有,拿过来用
console.log(num2) // 自己作用域内没有,就去上一级,就是 fn 的作用域里面找,发现有,拿过来用
console.log(num) // 自己这没有,去上一级 fn 那里也没有,再上一级到全局作用域,发现有,直接用
console.log(a) // 自己没有,一级一级找上去到全局都没有,就会报错
}
fun()
}
fn()
作用域的查找机制只能是向上找,不能向下找
function fn() {
var num = 100
}
fn()
console.log(num) // 发现自己作用域没有,自己就是全局作用域,没有再上一级了,直接报错
赋值规则
当你想给一个变量赋值的时候,那么就先要找到这个变量,在给他赋值
变量赋值规则:
先在自己作用域内部查找,有就直接赋值
没有就去上一级作用域内部查找,有就直接赋值
在没有再去上一级作用域查找,有就直接赋值
如果一直找到全局作用域都没有,那么就把这个变量定义为全局变量,在给他赋值
function fn() {
num = 100
}
fn()
// fn 调用以后,要给 num 赋值
// 查看自己的作用域内部没有 num 变量
// 就会向上一级查找
// 上一级就是全局作用域,发现依旧没有
// 那么就会把 num 定义为全局的变量,并为其赋值
// 所以 fn() 以后,全局就有了一个变量叫做 num 并且值是 100
console.log(num) // 100
简单实现一个递归
需求: 求 1 至 5 的和
先算 1 + 2 得 3
再算 3 + 3 得 6
再算 6 + 4 得 10
再算 10 + 5 得 15
结束
开始书写,写递归函数先要写结束条件(为了避免出现 “死递归”)
function add(n) {
// 传递进来的是 1
// 当 n === 5 的时候要结束
if (n === 5) {
return 5
}
}
add(1)
再写不满足条件的时候我们的递归处理
function add(n) {
// 传递进来的是 1
// 当 n === 5 的时候要结束
if (n === 5) {
return 5
} else {
// 不满足条件的时候,就是当前数字 + 比自己大 1 的数字
return n + add(n + 1)
}
}
add(1)
// 斐波那契数列
// 1 1 2 3 5 8 13 21 34...
// 求 斐波那契数列 的 第几位 是哪一个数字
function fn(n) {
if (n === 1 || n === 2) {
return 1
}
return fn(n - 1) + fn(n - 2)
}
var res = fn(10)
console.log(res)
简单了解对象
对象是一个复杂数据类型
var obj = {
num: 100,
str: 'hello world',
boo: true
}
这里的 {} 和函数中的 {} 不一样
函数里面的是写代码的,而对象里面是写一些数据的
对象就是一个键值对的集合
创建一个对象
字面量的方式创建一个对象
// 创建一个空对象
var obj = {}
// 像对象中添加成员
obj.name = 'Jack'
obj.age = 18
内置构造函数的方式创建对象
// 创建一个空对象
var obj = new Object()
// 向对象中添加成员
obj.name = 'Rose'
obj.age = 20