封装Car对象
var car=(function(){
var speed=0;
function set(s){
speed = s
}
function get(){
return speed
}
function speedUp(){
speed++
}
function speedDown(){
speed--
}
return {
set:set,
get : get,
speedUp:speedUp,
speedDown:speedDown
}
})()
car.set(30) //是对象的用法,返回的应该是对象,对象的返回值需要用函数
car.get()
car.speedUp()
car.speedDown()
car.get()
效果如图:
不能直接对speed进行操作,封装在一个包里,用函数去操作这个变量,这个变量就是局部变量了,car是全局变量,得不到释放,所以返回的对象得不到释放,所以对象应用的方法得不到释放,方法得不到释放,speed得不到释放,生成闭包。
如何连续输出0,1,2,3,4
原代码:
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:'+i)
},0)
}
//"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
setTimeout会把当前执行的加到任务队列里,for循环相当于设置了5个定时器,这时候i=5,再去执行。再说一次,for循环对于闭包,干扰更大,所以,实质上的影响不仅仅在于循环几次,最后要决定执行几次,还有这个i的值的影响。前面的闭包,尽量让i的赋值在函数内部的作用域,所以造了个闭包,并立即执行,i不需要引用for循环得到的i值。
如何利用呢?
for(var i=0;i<5;i++){
(function(j){
setTimeout(function(){
console.log('delayer:'+j)
},0)
})(i)
}
//"delayer:0" 又是立即执行的函数,这次i的赋值遵从for循环的取值,这是什么情况呢?
//就是循环时先把函数的变量i赋值,但是延时执行,for循环依然正常循环,虽然函数执行时,i已经是5了。
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"
for(var i=0;i<5;i++){
(function(j){
setTimeout(function(){
console.log('delayer:'+j)
},10000 - 1000*j)
})(i)
}
//"delayer:4"
"delayer:3"
"delayer:2"
"delayer:1"
"delayer:0"
这里只是把定时器的顺序换了下,数字越大,延时越短,越靠前执行嘛。
for(var i=0;i<5;i++){
setTimeout(function(j){
return function(){
console.log('delayer:'+j)
}
}(i),0)
}
//"delayer:0"
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"
定时器里的函数会立刻执行,跟上面的那个延时的不一样,上面的函数里有定时器啊,这个输出是立刻的。
执行过程中传递i,然后里面return的那个结果就是一个函数,setTimeout就能用这个函数,用的过程中,用到了j,中间加个临时变量存进去了,用到的时候,就从上一级去找,每当i赋值了,j=arguments[0]也拥有了值。
var makeCounter=function(){
var count = 0
return function(){
return count++
}
}
var counter = makeCounter()
var counter2=makeCounter()
console.log(counter()) //0
console.log(counter())//1
console.log(counter2())//0
console.log(counter2())//1
这里的意思,声明不一样的两个变量同时指向一个函数,通过作用后,两者得到了两个独立的作用域对象,互相不影响的。函数只是一种操作方法。
网友评论