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属性,指向了构造函数本身。
原型链
上面我们提到,对象在寻找某一属性时,如果自身属性没找到就去他对应的原型对象去找
若在原型上面找到对应的属性则停止,否则继续去原型的原型找对应的属性,这样构成了一条原型链.