【JavaScript】闭包函数 学以实用

function addNumber (num1,num2){

function sum(){

alert(num1+num2+num)

}

return sum();

}

addNumber(1,2);//13

3：

function outer(){

var n=200

function inner(){

console.log(n);

}

return inner

}

var fn=outer() // outer 函数执行完毕，其内部变量应该销毁，但由于 inner 函数使用了此变量给，所以此变量一直被保留

fn()

4：

function fn(){

var a = 3;

return function (){

return ++a;

}

}

alert (in()());//4

alert(fun()());//4

四、闭包案例

===================================================================

利用闭包获取索引(页面上有四个li 获取他们的索引)：

for (var i = 0;i<lis.length;++){

(function(j){

lis[j].onclick = function (){

console.log(j)

}

})(i)

}

闭包应用-5秒之后，打印完所有li元素的innerHTML

• 1
• 2
• 3
• 4

• ---

  五、闭包应用-计算打车价格

  ==========================================================================

  var car = (function() {

  var start = 13; // 起步价 局部变量

  var total = 0; // 总价 局部变量

  return {

  // 正常的总价

  price: function(n) {

  if (n <= 3) {

  total = start;

  小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

  深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
  因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

  
  
  
  

  由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

  如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
  

  最后

  推荐一些系统学习的途径和方法。

  

  每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  HTML 和 CSS：

  

  

  t/topics/618166371)**

  HTML 和 CSS：