当前位置: 首页 > news >正文

做nba直播网站有哪些有什么公司要做推广的

做nba直播网站有哪些,有什么公司要做推广的,校园类网站建设,武汉个人做网站厂家1. 前言 闭包是 JavaScript 中一种非常重要的概念,它允许函数访问其外部作用域中的变量,即使在函数被返回或者在其原始定义的作用域之外执行时仍然可以访问这些变量。 在讲解闭包之前我们得弄清楚下面的概念: 作用域链: JavaSc…

1. 前言

闭包是 JavaScript 中一种非常重要的概念,它允许函数访问其外部作用域中的变量,即使在函数被返回或者在其原始定义的作用域之外执行时仍然可以访问这些变量。

在讲解闭包之前我们得弄清楚下面的概念:

  1. 作用域链: JavaScript 中的作用域是通过词法作用域(也称为静态作用域)来确定的,即函数在定义时所处的作用域决定了它能够访问的变量。当一个函数被创建时,也会创建一个作用域链,其中包含了函数自身的作用域以及所有包含(外部)作用域中的变量对象。
  2. 内部函数: 在 JavaScript 中,函数可以嵌套定义,即在一个函数内部可以再定义一个函数。当内部函数被返回或者在其定义的作用域之外执行时,它既可以访问外部变量也可以访问内部变量。
  3. 引用外部变量: 当内部函数引用外部函数的变量时,JavaScript 引擎会将这些变量保存在闭包中。这意味着即使外部函数执行完毕,其内部函数仍然可以访问和操作外部函数的变量。

2. 闭包

2.1. 变量的作用域

按照常理来说,我们在上一级作用域是无法访问下一级作用域的局部变量的。例如:

function fn(){  var n = 1;  
}fn();
console.log(n); // n not defined!

在这里我们调用了 fn 函数,认为变量 n 定义后就能在外部被访问,但是我们得到了一个错误。所以正常来讲在外部是访问不了内部的局部变量的。但是闭包使得这个问题变为了可能。

2.2. 如何从外部访问局部变量

但是有时候我们确实想获取内部的局部变量该怎么办呢?首先我们在内部定义一个函数,如下:

function outer(){  var n = 1;  function inner() {console.log(n);}inner();
}outer();

运行上面的代码我们可以看到控制台会输出 1,所以内部的函数能访问内部定义的局部变量这是没有问题的!

此时如果我们将这个内部的函数交给外部,让外部来调用这个函数,那么是不是就能访问到内部的局部变量了呢?答案是可行的!

function outer(){  var n = 1;  function inner() {console.log(n);}return inner;
}let inner = outer();
inner();

运行上面的代码我们也能看到控制台输出 1,这验证了我们的猜想。

2.3. 闭包的使用场景

闭包的使用场景有很多,但凡你要传递的参数是一个函数,你就使用到了闭包。比如:

function exec(fn) {fn();
}function outer() {let n = 0;function inner() {console.log(n);}window.exec(inner);
}

由上面的代码我们可以看到 exec 函数执行了传进来的函数,在 inner 函数中我们输出了局部变量 n,所以在 exec 函数中我们访问到了 outer 函数中的局部变量。

有些时候你可能连你使用到了闭包都不知道,下面是使用闭包的例子:

let n = 0;
window.setTimeout(() => console.log(n), 1000);window.setInterval(() => console.log(n), 1000);

此外在我们常使用的防抖节流中也使用到了闭包。

2.4. 注意

1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象使用,把闭包当作它的公用方法,把内部变量当作它的私有属性,这时一定要小心,不要随便改变父函数内部变量的值。

2.5. 思考

var name = "李华";var object = {  name : "小明",getName : function(){  return function(){  return this.name;  };}
};console.log(object.getName()()); // 李华
var name = "李华";var object = {  name : "小明",getName : function(){  var that = this;  // 闭包,保存了 this 的引用,因为 this 会变,而 that 在这不会return function(){  return that.name;  };}
};console.log(object.getName()()); // 小明
http://www.tj-hxxt.cn/news/88988.html

相关文章:

  • 做旅游网站需要引进哪些技术人才网站设计公司哪家专业
  • 电子商务网站开发是指西安全网优化
  • 一个备案可以做几个网站小程序推广
  • 网站建设 规范百度企业推广怎么收费
  • 网站建设华科技网站关键词如何快速上首页
  • 哪个网站的图片专门做详情页的如何写软文赚钱
  • 网站的二维码怎么做的重庆百度搜索优化
  • 如何访问国外网站企业网站的作用
  • 南京做代账会计在哪个网站上找灰色词排名上首页
  • 兰州seo排名优化服务朝阳区seo搜索引擎优化介绍
  • 免费手机网站自助建站seo外链怎么做能看到效果
  • 网站建设平台用乐云践新百度服务中心官网
  • 在那个网站可买做鞋子的羊毛百度广告位价格
  • 建企业网站浩森宇特推广引流怎么做
  • 安居网站建设品牌营销
  • 新手做网站做什么样的广州竞价托管代运营
  • 用jsp做网站用什么软件百度用户服务中心
  • 主机开通成功网站建设中网页模板之家
  • 合肥建站公司排名前十名百度推广可以自己开户吗
  • 长治做网站公司博为峰软件测试培训学费
  • 株洲seo网站优化软件新冠疫情最新消息今天
  • web网站开发的参考文献seo从入门到精通
  • 门户网站建设运营企业微信管理系统
  • 手机作网站服务器惠州seo计费
  • 网页设计图片靠上怎么设置北京网站优化推广方案
  • 企业网站意思做网站好的网站建设公司
  • 英文 网站 源码运营培训
  • wordpress网站怎么仿开发网站需要多少钱
  • 如何用java做网站登录注册入口
  • 网站样式域名查询平台