[JavaScript知识库] js 内存闭包

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> js 内存闭包 -> 正文阅读

[JavaScript知识库]js 内存闭包

1、内存管理

在这里插入图片描述
1.1、js垃圾回收：

GC引用计数：引用计数存在一个很多的弊端：循环引用
标记清除：垃圾回收器定期从根对象开始找，没有找到说明不可达。

2、函数的使用

2.1、函数作为参数的使用

function calc(num1, num2, calcFn) {
  console.log(calcFn(num1, num2));
}

function add(num1, num2) {
  return num1 + num2;
}

function sub(num1, num2) {
  return num1 - num2;
}

function mul(num1, num2) {
  return num1 * num2;
}

var m = 30;
var n = 10;
calc(m, n, add);

2.2、函数作为返回值的使用

//js语法允许函数内部再定义函数
function foo() {
  function bar() {
    console.log("bar");
  }
  return bar;
}

var fn = foo();
fn();

// 例子2
function makeAdder(count) {
  function add(num) {
    return count + num;
  }
  return add;
}
var add5 = makeAdder(5);
console.log(add5(6));
console.log(add5(10));

//高价函数： 把一个函数如果接受另外一个函数作为参数，
//或者该函数会返回另外一个函数作为返回值的函数，就叫高阶函数

2.3、数组中的高阶函数

函数function: 独立的function，称之为函数
方法method：当我们的一个函数属于某一个对象是，我们称这个函数是这个对象的方法

// map: 映射
var nums = [1, 2, 3, 4, 5, 6];
var newNums = nums.map(function (item) {
  return item * 10;
});
console.log(newNums); //[ 10, 20, 30, 40, 560 ]

// reduce: 映射
// 第一次： pre: 0, item: 1
// 第二次： pre: 1, item: 2
// 第三次： pre: 3, item: 3
var total = nums.reduce(function (pre, item) {
  return pre + item;
}, 0);
console.log(total);

3、闭包

闭包开始了哇😏
3.1、闭包的定义
在这里插入图片描述

1、闭包的形成， 返回的bar本身函数 + 可以访问到的自由变量name
function foo() {
  var name = "foo";
  function bar() {
    console.log("bar", name);
  }
  return bar;
}
var fn = foo();
fn();