javascript7

本文详细介绍了JavaScript中的闭包和定时事件。闭包是指函数及其能访问的变量的组合,允许在函数外部访问内部变量。定时事件如setInterval和setTimeout用于在指定延迟后执行代码。文章探讨了闭包防止内存泄漏的特性,并澄清了有关闭包的常见误解。此外,还讨论了原型和原型链的概念,以及它们在JavaScript对象和函数之间的关系。
摘要由CSDN通过智能技术生成

JavaScript计时事件
    在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行.
    两个关键方法是:
    setInterval(function,milliseconds) - 间隔指定的毫秒数不停地执行指定的代码。
    function---指定运行代码
    milliseconds---毫秒数
    clearInterval(intervalVariable)方法用于停止setInterval()方法执行的函数代码
    setInterval()的返回值。

   setTimeout(function,milliseconds) -  间隔指定的毫秒数后执行指定的代码一次。
    function---指定运行代码
    milliseconds---毫秒数
    clearTimeout(timeoutVariable) 方法用于停止执行setTimeout()方法的函数代码。
    setTimeout方法的返回值

1.什么是「闭包」?
    「函数」和「函数内部能访问到的变量」的总和,就是一个闭包。

<script>
    var local="变量"; //变量
    function foo(){  //函数
        console.log(local);
    }
</script>
假设上面三行代码在一个立即执行函数中
<script>
    function  hanshu1(){
        var local="变量"; //局部变量
        function foo(){  //函数
            console.log(local);
        }
    }
</script>
三行代码中,有一个局部变量 local,有一个函数 foo,foo 里面可以访问到 local 变量。好了这就是一个闭包.

有的人认为闭包是需要函数套函数,然后 return 一个函数的。
比如这样:
function foo(){
    var local = 1; //局部变量
    function bar(){  //被套在里面的函数
       local++;   //访问局部变量
       return local;
    }
   return bar;   //返回被套在里面的函数

var func = foo();
func();

上面代码中确实有闭包,local 变量和 bar 函数就组成了一个闭包(Closure)。

为什么有的人认为闭包是需要函数套函数呢?
是因为需要局部变量,所以才把 local 放在一个函数里,如果不把 local 放在一个函数里,local 就是一个全局变量了,达不到使用闭包的目的——隐藏变量

函数套函数只是为了造出一个局部变量,跟闭包无关。

为什么要 return bar 呢?
    因为如果不 return,你就无法使用这个闭包.
    所以 return bar 只是为了 bar 能被使用,也跟闭包无关。

闭包是需要函数套函数,然后 return 一个函数的说法是错误的。

局部变量
闭包的作用:在当前函数之外来访问当前函数的局部变量。

例如:假设我们在做一个游戏,在写其中关于「还剩几条命」的代码。
     如果不用闭包,你可以直接用一个全局变量:
    window.lives = 30 // 还有三十条命
     这样看起来很不合适。万一不小心被其他的函数把这个值改成 -1 了怎么办。
     所以我们不能让其他的函数「直接访问」这个变量。怎么办呢?
     局部变量---定义在函数内/函数的参数,只能在当前函数中使用,超出本函数就不能访问。
     如果使用局部变量时其他的函数又需要访问到局部变量,怎么办呢?
     暴露一个函数,让别人可以「间接访问」。    
function(){
   var lives = 50;
   window.奖励一条命 = function(){
      lives =lives+1;
   }
   window.死一条命 = function(){
      lives =lives-1;
   }
}();
那么在其他的JS文件,就可以使用 window.奖励一条命()来涨命,使用window.死一条命()来让角色掉一条命。
看到闭包在哪了吗?
var lives = 50; //变量
window.奖励一条命 = function(){
    lives += 1;
} // 函数

「函数」和「函数内部能访问到的变量」

闭包会造成内存泄露?错。
内存泄露是指你用不到(访问不到)的变量,依然占居着内存空间,不能被再次利用起来。
闭包里面的变量明明就是我们需要的变量(lives),凭什么说是内存泄露?
因为 IE。IE 有 bug,IE 在我们使用完闭包之后,依然回收不了闭包里面引用的变量。
这是 IE 的问题,不是闭包的问题。参见司徒正美的这篇文章【https://www.cnblogs.com/rubylouvre/p/3345294.html】

原型和原型链
原型和原型链是JavaScript进阶重要的概念。
尤其在插件开发过程中是不能绕过的知识点

对象名称.prototype----当前对象的原型对象

prototype---属性【每一个对象都有】,得到当前对象的原型对象
JavaScript中对象实例和创建对象的函数【构造器】之间建立一个链接【__proto__属性】。
__proto__属性是从创建对象的函数【构造器】中的prototype属性派生。
    Person的原型其实还有一属性__proto__,他指向了上一级Object的原型对象。
    console.log(Person.prototype.__proto__ === Object.prototype); //true
    这时候来了一个Object对象,它是JavaScript的顶级对象,同样也有自己的原型Object.protoype.
     1.每个函数上面都有一个属性(prototype)指向了函数的原型对象;

     2.每个实例上面都有一个隐式原型(proto)指向了函数的原型对象;

     3.实例对象访问属性或者方法的时候,自已有使用自己的,自己没有就找原型;

     4.每个函数的原型对象上面都有一个constructor属性,指向了构造函数本身。

原型链
    上面我们提到,对象在寻找某一属性时,如果自身属性没找到就去他对应的原型对象去找
    若在原型上面找到对应的属性则停止,否则继续去原型的原型找对应的属性,这样构成了一条原型链.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值