函数下作用域详解、变量的使用规则、递归函数、对象创建方式

函数(下)

作用域(重点)

什么是作用域,就是一个变量可以生效的范围

变量不是在所有的地方都可以使用的,而这个变量的使用范围就是作用域

学习作用域的目的是为了提高程序的可靠性更重要的是减少命名冲突

全局作用域

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

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

这个作用域会一直存在,知道页面关闭就销毁了

局部作用域

就是在全局作用域下开辟一个小一些的作用域

在局部作用域中定义的变量只能在这个布局作用域内部使用

在JS中只有函数能生成一个局部作用域,别的都不行

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

变量使用规则(重点)

  • 有了作用域以后,变量就有了使用范围,也就有了使用规则
  • 变量使用规则分为两种,访问规则赋值规则

访问规则

  • 当我想获取一个变量的值的时候 这个行为叫做访问
  • 获取变量的规则:
  1. 首先在自己的作用域内查找如果有就直接使用

  2. 如果没有就去上一级作用域查找 如果有就拿来使用

  3. 如果没有就继续去上一级作用域查找 以此类推

  4. 如果一直到全局作用域都没有这个变量 那么就会直接报错(该变量 is not defined)

赋值规则

  • 当你想给一个变量赋值的时候,那么就要先找到这个变量,再给他赋值

  • 变量赋值规则:

  1. 先在自己作用域内部查找,有就直接赋值

  2. 没有就去上一级作用域内部查找,有就直接赋值

  3. 还没有再去上一级作用域查找,有就直接赋值

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

function fn() {
  num = 100
}
fn()

// fn 调用以后,要给 num 赋值
// 查看自己的作用域内部没有 num 变量
// 就会向上一级查找
// 上一级就是全局作用域,发现依旧没有
// 那么就会把 num 定义为全局的变量,并为其赋值
// 所以 fn() 以后,全局就有了一个变量叫做 num 并且值是 100
console.log(num) // 100

递归函数

概念:在编程的世界里面,递归就是一个自己调用自己的手段

注意:递归也是有限制的,不能无限次的调用自己

例题如下:

需求:求1至5的和

思路如下:

  1. 先算 1 + 2 得 3
  2. 再算 3 + 3 得 6
  3. 再算 6 + 4 得 10
  4. 再算 10 + 5 得 15
  5. 结束

代码书写:

function add(n) {
  // 传递进来的是 1
  // 当 n === 5 的时候要结束
  if (n === 5) {
    return 5
  } else {
    // 不满足条件的时候,就是当前数字 + 比自己大 1 的数字
    return n + add(n + 1)
  }
}
add(1)

简单了解对象

  • 对象数据类型

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

  • 对象就是一个键值对的集合

  • 其实就是我们准备一个房子,把我们想要的数据放进去,然后把房子的地址给到变量名,当我们需要某一个数据的时候,就可以根据变量名里面存储的地址找到对应的房子,然后去房子里面找到对应的数据

创建一个对象

字面量的方式创建一个对象

// 创建一个空对象
var obj = {}

// 像对象中添加成员
obj.name = 'Jack'
obj.age = 18

内置构造函数的方式创建对象

// 创建一个空对象
var obj = new Object()

// 向对象中添加成员
obj.name = 'Rose'
obj.age = 20
//创建对象
	//两种方式
	var wangzhen={
	username:'wangzhen',
	love:function(){
	
	}
	}
	使用内置的工具来创建对象:
	var yinghao=new object();
	yinghao.age=1;
	yinghao.eating=function(){
	
	}
	/*
	建议使用第一种来创建对象
	键的名字按照变量的命名规则 规范
	不要有重复 后边 会覆盖前面
	查看静态属性不用加()------查看动态属性需要加()
	可以使用纯数字 作为键名 自动把数字排在最前面
	键的 可加单引号 可不加单引号 但是如果用特殊符号作为键明 必须加单引号
	建议使用字符串作为键名*/
对象的基本操作: 增  删 查 改 

删 delete obj.name 

增 obj[“name”] = “rose”

查 console.log(obj[“name”])

改obj[“name”] = “rose2”

思维导图如下:

在这里插入图片描述

相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...