JavaScript进阶学习day10-APIs_day7

作用域

1、函数作用域：在函数内部定义的变量只能在函数内部被访问

2、块作用域：大括号被包在一起的代码称作块作用域，大括号里面定义的变量有可能无法被访问（用var定义的就能够被访问，因为var没有块作用域，但是let和const有块作用域）

3、全局作用域：在外部定义的变量，所有的都能用（尽可能少全局作用域，减少变量污染）

4、作用域链：优先查找当前函数的作用域，如果找不到那就逐级查找父级作用域，子作用域可以访问父级作用域，但是父亲作用域不能够访问子作用域

5、垃圾回收机制

生命周期：①内存分配②内存使用③内存回收（使用完毕之后，垃圾自动回收不再使用的内存）

全局变量一般不会被回收（关闭页面），局部变量，不使用就会自动被回收

6、闭包=内层函数+外层函数的变量（函数嵌套函数，里层函数引用到外层函数的变量）作用：外部也可以访问函数内部的变量，但是闭包可能存在内存泄漏

使用方法

7、变量提升：用var定义的变量会有变量提升，只提升变量的声明，不会提升赋值，函数提升（注意的是函数表达式的话要先声明后提升，以为只会提升声明而不会提升赋值）

8、函数参数：

①动态参数：当不知道用户输入多少个参数的时候，用arguments,注意的是获取过来的是伪数组

  function getsum() {
      console.log(arguments);//伪数组
      let sum = 0
      for (let i = 0; i < arguments.length; i++) {
          sum += arguments[i]
      }
      console.log(sum);
  }
  getsum(2, 3)

②剩余参数：允许将一个不定的参数作为一个数组,剩余参数都给接收的数组

  function getsum1(...arr) {
      console.log(arr);
  }
  getsum1(4, 5, 6)//获取过来的是一个数组[4,5,6]
  ​
  ​
  function getsum2(a, b, c, ...arr) {//相当于是...arr是用来存放剩下的，没有对应的参数
      console.log(arr);
  }
  getsum2(1, 2, 3, 3, 2, 1, 4, 5, 6)//获取过来的是一个数组[3, 2, 1, 4, 5, 6]

两个的区别：动态参数得到的是伪数组（伪数组没有pop和push的方法），但是剩余参数获取过来的是真数组

9、展开运算符（把数组展开）

  const arr = [1, 2, 4]
  console.log(...arr);//输出1 2 4
  //求最大值
  console.log(Math.max(...arr));//输出4

​

展开运算符在数组内使用，剩余参数在函数内使用

箭头函数

使用与本来需要匿名函数的地方

//基本语法
  const fn = () => {
      console.log(123);
  }
  fn()
  //1、只有一个形参的时候，可以省略小括号
  const fn1 = x => {
      console.log(x);
  }
  fn1(1)
  //2、只有一行代码，可以省略大括号
  const fn2 = x => console.log(x);
  fn2(3)
  //3、只有一行代码，可以省略return
  const fn3 = x => x * x
  console.log(fn3(4));//输出16
  const fn4 = (x, y) => x + y;
  console.log(fn4(5, 6));//输出11
  //4、箭头函数可以直接返回一个对象
  const fn5 = (uname) => ({ uname: uname })
  console.log(fn5('刘德华'));

​