함수가 작동하지만 보고서 this.refresh()가 함수가 아닙니다.

Question

이 함수를 사용할 때마다 this.refresh()가 오류 로그의 함수가 아니지만 정상적으로 작동합니다.

또한이 함수를 처음 클릭하면 this.value = undefined가됩니다. 이 양식과 다른 모든 양식에서 함수를 다시 누르면 값이 이전 값으로 잘 채워집니다.

내가 잘못 할 수 있습니까?

이 기능을보다 효율적으로 작성하려면 어떻게해야합니까?

여전히 this.value를 사용하여 배열 내의 값을 캡처하고 저장하는 방법을 아직 이해하지 못했습니다.

function askGender(x) { 
    response = "<select class=widgetstyle onClick=_setGender(this.value)><option value=Female>Female<option value=Male>Male</select>"; 
    characters[x].setGender(response); 
    if (this.gender != 0) { 
     response = this.gender; 
     this.gender = 0; 
     characters[x].setGender(response); 
    } 
} 

function _setGender(x) { 
    this.gender = x; 
    this.refresh(); 
} 

Answer 1

응답에서

response = "<select class=widgetstyle onClick=_setGender(this.value)><option value=Female>Female<option value=Male>Male</select>";

보세요. 클릭 핸들러에서 성별을 설정합니다. this의 작동 방식에 대한 오해.

thisaskGender은 캐릭터 개체를 나타냅니다. onClick 핸들러 get이 this이라고 불리면 setGender 메소드의 DOM 객체를 참조합니다.

레코드의 경우 .refresh은 Character 객체의 메소드입니다.

전체 코드가 크기 때문에 철저한 디버깅이 필요합니다. 편집중인 오픈 소스 코드처럼 보이고 사용하도록 설계되지 않은 방식으로 사용하려고합니다.