JavaScript_javascript 기술의 일반적인 함정 요약

생성하는 모든 함수는 대소문자를 구분합니다.
JavaScript에서는 작은따옴표('문자열')와 큰따옴표("문자열") 사이에 특별한 차이가 없으며 둘 다 문자열을 생성하는 데 사용할 수 있습니다. , 대부분의 WEB 개발자는 XHTML 사양에서 모든 XHTML 속성 값을 큰따옴표로 묶어야 하기 때문에 큰따옴표 대신 작은따옴표를 사용합니다.

JavaScript는 JavaScript에서 오버로딩을 지원하지 않습니다. 실행되면 함수 정의 시 매개변수를 고려하지 않고 범위 체인에 정의된 마지막 함수를 직접 사용합니다. 이는 동일한 이름을 가진 함수의 인스턴스는 항상 하나만 존재한다는 것을 의미합니다.


클로저는 범위와 관련된 개념으로, 이후에도 내부 함수를 계속 사용할 수 있다는 의미입니다. 외부 함수가 실행되고 종료됩니다. 해당 속성은 외부 함수에서 액세스할 수 있습니다. 변수나 메소드가 참조되면 JavaScript는 객체의 실행 경로에 의해 형성된 사용 도메인 체인을 따라 사용 도메인을 구문 분석하고 가장 최근에 정의된 변수 값을 찾은 다음 발견된 해당 값을 사용합니다. function initAnchors(event){

코드 복사 코드는 다음과 같습니다.

　for (var i=1 ; i <=3; i ){
var 앵커 = document.GetElementById('anchor' i)
앵커.attachEvent('onclick', function() {
경고(' 내 ID는 앵커' i);
　});
　}
}

페이지에 ID가 앵커1부터 앵커3까지인 세 개의 A 요소가 있다고 가정합니다. 세 개의 A 요소를 등록합니다. Onclick 이벤트에서 A번째 요소를 클릭하면 "내 ID는 AnchorX입니다."가 표시되지만, 각 A 요소를 클릭하면 "내 ID는 ANC4입니다."가 표시됩니다. 왜 그럴까요? 클릭 이벤트가 발생하면 i 값이 실제로 도메인 체인에서 얻어지기 때문입니다. click 이벤트가 발생하면 initAnchors()가 실행되고 i 값은 4가 됩니다. 해결 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

함수 RegisterAnchorListner(anchor,i) {
anchor.attachEvent('onclick', function() {
Alert('내 ID는 앵커입니다' i);
} }
function initAnchors(event){
for (var i=1; i <=3; i ){
　var 앵커 = document.GetElementById('anchor' i)
registerAnchorListner(anchor,i); >　}

}

var 앵커 = document.GetElementById('anchor' i)
anchor.attachEvent('onclick', function() {
alert('my id는 앵커 ' i);



})




Iteration은 스크립트를 작성할 때 다음과 같이 자주 사용됩니다. :

코드 복사 코드는 다음과 같습니다. var list = [1,2, 3,4]; for(var i = 0;i < list.length; i ){

　alert(list)

}


다른 대체 반복 방법 is for 루프를 사용하여 (in)list에 있는 각 속성을 반복합니다.

코드 복사

코드는 다음과 같습니다. for(var i in list){ 　alert(list)

}

이때 이전과 동일한 결과를 얻습니다.

단, 배열과 비슷하지만 배열이 아닌 객체를 조작하기 위해 for(var i in item) 메서드를 사용할 때는 다음과 같이 주의해야 합니다.

코드 복사

코드는 다음과 같습니다. var all=document.getElementsByTagName('*'); for(var i in all){

　//모든 요소에 대해 특정 작업 수행

}


이 반복 동안 i 값은 길이와 같습니다. , item 및 명명된Item이 각각 있으며 이로 인해 코드에 예기치 않은 오류가 발생할 가능성이 높습니다. 어떤 경우에는 객체의 hasOwnProperty() 메서드를 사용하여 이 문제를 피할 수 있습니다. 객체의 속성이나 메서드가 상속되지 않은 경우 hasOwnProperty() 메서드는 true를 반환합니다. 즉, 여기서 검사에는 다른 개체에서 상속된 속성 및 메서드가 포함되지 않고 배열에 할당된 요소와 같이 특정 개체 자체에서 직접 생성된 속성만 포함됩니다. 따라서 for 루프에서 이 검사를 사용하면 길이가 all 배열의 실제 속성이 아니라 all 배열을 파생하는 NameNodeMap 개체에서 상속된 속성이기 때문에 루프는 길이 속성을 건너뜁니다.

코드 복사

코드는 다음과 같습니다.

var all=document.getElementsByTagName('*');
for(var i in all){
　if(!all.hasOwnProperty(i)) continue; 모든 요소는 특정 작업을 수행합니다
}