변수를 사용하여 JS에서 인수 객체를 저장하는 방법

반복자는 데이터 컬렉션에 순차적으로 액세스할 수 있는 개체입니다. 일반적인 API는 다음 방법입니다. 이 메서드는 시퀀스의 다음 값을 가져옵니다.

반복자 예

질문: 원하는 수의 매개변수를 허용하고 이러한 값에 대한 반복자를 생성할 수 있는 편의 함수를 작성하고 싶습니다.

테스트 코드는 다음과 같습니다.

var it=values(,,,,,,,,);
it.next();//
it.next();//
it.next();//

분석: 값 함수는 임의 개수의 매개변수를 받아야 하므로 이전 섹션에서 언급한 변수 매개변수는 여기서는 함수 방법을 사용합니다. 그런 다음 그 안의 반복자 개체가 인수 개체의 요소를 순회합니다.

예비 코딩

function values(){
var i=,n=arguments.length;
return {
hasNext:function(){
return i<n;
},
next:function(){
if(this.hasNext()){
return arguments[i++];
}
throw new Error("已经到达最后啦");
}
}
}

위 테스트 코드로 테스트

var it=values(,,,,,,,,);
it.next();//undefined
it.next();//undefined
it.next();//undefined

오류 분석

코드 실행 결과 이 정확하지 않습니다. 초기 코딩 절차는 아래에서 분석됩니다.

function values(){
var i=,n=arguments.length;//这里没有错误，arguments是values里的内置对象
return {
hasNext:function(){
return i<n;
},
next:function(){
if(this.hasNext()){
return arguments[i++];//错误出现在这里，arguments是next方法函数的内置对象。
}
throw new Error("已经到达最后啦");
}
}
}

여기서 참조 오류는 또 다른 골치 아픈 개체인 this와 매우 유사합니다. this의 포인터를 다룰 때 일반적으로 변수를 사용하고 올바른 this를 저장합니다. 그런 다음 이 변수를 다른 곳에서 사용하세요. 그런 다음 인수 개체에 대한 솔루션이 나오며 변수를 사용하여 이를 저장하므로 인수 개체의 참조에는 문제가 없습니다.

다시 인코딩

function values(){
var i=,n=arguments.length,arg=arguments;
return {
hasNext:function(){
return i<n;
},
next:function(){
if(this.hasNext()){
return arg[i++];
}
throw new Error("已经到达最后啦");
}
}
}

여기서의 참조 오류는 또 다른 두통을 유발하는 개체인 this와 매우 유사합니다. this의 포인터를 다룰 때 일반적으로 변수를 사용하고 올바른 this를 저장합니다. 그런 다음 이 변수를 다른 곳에서 사용하세요. 그런 다음 인수 개체에 대한 솔루션이 나오며 변수를 사용하여 이를 저장하므로 인수 개체의 참조에는 문제가 없습니다.

다시 코딩

function values(){
var i=,n=arguments.length,arg=arguments;
return {
hasNext:function(){
return i<n;
},
next:function(){
if(this.hasNext()){
return arg[i++];
}
throw new Error("已经到达最后啦");
}
}
}

테스트 코드 실행

var it=values(,,,,,,,,);
it.next();//
it.next();//
it.next();//

결과는 예상과 동일합니다.

Tip

인수 참조 시 함수 중첩 수준에 주의하세요

인수 변수가 중첩될 수 있도록 명시적으로 범위가 지정된 참조를 인수 변수에 바인딩하세요. 함수 집합에서

부록 1: 반복자

때때로 커서(cursor)라고도 불리는 반복자(iterator)는 프로그래밍에서 탐색할 때 사용되는 소프트웨어 디자인 패턴입니다. 컨테이너의 인터페이스가 변경되었으므로 디자이너는 컨테이너의 내용에 신경 쓸 필요가 없습니다.

Iterator UML 클래스 다이어그램

Iterator js 구현

디자인 패턴에 대해 조금 알고 있지만 특정 프로젝트에서는 팩토리 모드를 사용하는 경우가 많고, 일부는 거의 사용하지 않는 경우가 있습니다. 다음은 간단한 구현입니다. 잘못된 점이 있으면 공유해 주세요.

코드는 다음과 같습니다

function List(){
this.data=[];
}
List.prototype={
add:function(){
var args=[].slice.call(arguments)
this.data=this.data.concat(args); 
},
remove:function(i){
this.data.splice(i,);
},
iterator:function(){
return new Iterator(this);
}
}
function Iterator(list){
this.list=list;
this.cur=;
};
Iterator.prototype={
hasNext:function(){
return this.cur<this.list.data.length-;
},
next:function(){
if(this.hasNext()){
return this.list.data[this.cur++];
}
throw new Error(&#39;已经到底了~&#39;);
},
remove:function(){
this.list.remove(this.cur);
}
}
var list=new List();
var it=list.iterator();
list.add(,,,,,,,,);
it.next();//
it.next();//
it.next();//

위는 JS에서 인수 개체를 저장하기 위해 변수를 사용하는 방법을 에디터에서 소개하는 방법이기를 바랍니다. 모두에게 도움이 됩니다!

JS에서 변수를 사용하여 인수 객체를 저장하는 방법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!