JS 타이머 와 폐쇄 문제
함수 내 에서 다른 함수 내부 변 수 를 사용 할 수 있 는 권한 이 있 습 니 다. 이 내부 함 수 는 패 킷 이 라 고 할 수 있 습 니 다.
역할:
이 코드 를 실행 코드 의 끝 에 놓 고 즉시 실행 하 는 것 과 같 으 며, 모든 코드 가 실 행 된 후에 야 이 코드 를 즉시 실행 하 는 것 과 같다.
fnArr [i]()
출력 i.두 가지 이상 의 방법 사용 :
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(i){
fnArr[i] = function(){
return i;
};
} )(i);
}
console.log( fnArr[3]() );
:
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(){
var a = i; // , i a
fnArr[i] = function(){
return a;
};
} )();
}
console.log( fnArr[5]() );
var Car = (function(){
var speed = 0 ;
function setSpeed(n){
speed = n ;
}
function getSpeed(){
console.log(speed) ;
}
function accelerate(){
speed += 10 ;
}
function decelerate(){
speed -= 10 ;
}
function getStatus(){
if(speed>0){
console.log('running');
}
if(speed===0){
console.log('stop');
}
}
return {
setSpeed:setSpeed,
getSpeed:getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus,
};
})();
Car.setSpeed(30);
Car.getSpeed(); //30
Car.accelerate();
Car.getSpeed(); //40;
Car.decelerate();
Car.decelerate();
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate();
Car.decelerate();
Car.getStatus(); //'stop';
//Car.peed; //error
var a= 0;
function intv(){
setTimeout(function (){
console.log(a++);
intv(); //
},1000); //1
}
intv(); //
function num(){
var i =0;
var start= Date.now(); // start
var clock = setTimeout(function(){ //
i++; //i +1
if(i === 1000){ // i 1000
clearTimeout(clock); //
var end = Date.now(); // end
console.log((end-start)/i); // -
} else{
clock = setTimeout(arguments.callee,0) // 1000
}
},0)
}
num();
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0); // setTimeout 0, , 2
var a ;
console.log(a); // 1
a = 3;
console.log(a); // 3
:
1
3
2
var flag = true;
setTimeout(function(){
flag = false;
},0) //
while(flag){} //flag true,
console.log(flag);
:
,
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0); // ,i 5, delayer:5;
console.log(i); // 0,1,2 ,3 ,4
}
for(var i=0;i<5;i++){
(function(i){
function set(i){
console.log('delayer:' + i );
}
return set(i);
})(i);
}
:
"delayer:0"
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.