자바스크립트 학습(2) 자바스크립트 공통 문제 요약_기본지식

1. JS의 메소드와 변수는 대소문자를 구분합니다

2. JS에서는 작은따옴표와 큰따옴표 사이에 특별한 차이가 없으며 둘 다 문자열을 만드는 데 사용할 수 있습니다. 그러나 일반적으로 대부분의 개발자는 큰따옴표보다 작은따옴표를 선호하지만 XHTML 사양에서는 모든 속성 값을 큰따옴표로 묶어야 합니다. JS에 작은따옴표를 사용하고 XHTML에 큰따옴표를 사용하면 둘 사이의 코드를 더 쉽고 명확하게 혼합할 수 있습니다.
작은따옴표에는 큰따옴표가 포함될 수 있고, 마찬가지로 큰따옴표에는 작은따옴표가 포함될 수 있습니다.

3. 대괄호
먼저 JS의 대괄호에는 구분 기호 또는 표현식이 될 수 있는 두 가지 의미가 포함되어 있다는 점을 설명해야 합니다.
a. 구분 기호는 누구나 잘 알고 있습니다. (1 3) * 3은 12입니다.
b. (function(){})(); 함수 앞의 한 쌍의 괄호가 구분 기호로 사용됩니다. 즉시 실행됨을 나타냅니다.

4. 함수 호출 및 참조
괄호는 실행을 나타내므로
var foo=example(); 함수의 반환 값을 나타냅니다.
var foo1=example; 참조 foo1

5. 오버로딩
JS는 오버로딩을 지원하지 않으므로 여기서 언급한 오버로딩은 실제로
JS가 매개변수 개수를 구분하지 않는 것과 더 유사합니다

6. 범위와 클로저
범위란 특정 속성이나 메소드에 대한 접근 권한을 갖는 코드 공간을 말합니다. 예:

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

function myFunction(){
var temp ="abc";
}

위 temp는 함수 외부에서 접근할 수 없습니다.
클로저(Closure)는 범위(scope)와 관련된 개념으로, 외부 함수가 실행이 완료되고 종료된 후에도 내부 함수가 외부 함수에 계속 접근할 수 있다는 특성을 말합니다.

아래에 범위와 종결의 예를 들어보겠습니다:
다음 html 페이지를 생성합니다:

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

="javascript" type="text/javascript">
function init(){
for(var i=1;i<=3;i ){
author=document.getElementById(" 작성자 " i);
author.onclick=function(){
alert("author" i);
}
}
}
window.onload=init;



abc
🎜>abc

abc



실행 결과:
사진

보시다시피 우리가 원하는 것.
수정 후 키 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. < ;script 언어="javascript" type="text/javascript">

function init(){

for(var i=1;i<=3;i ){
Author=document.getElementById ("author" i);
registerListener(author,i);
}
}

functionregisterListener(author,i){
author.onclick =function(){
alert("작성자" i);
}
}
window.onload=init;
이런 식으로 우리는 원하는 결과를 얻습니다.
init이 호출될 때마다 함수의 인스턴스가 생성되고 각 인스턴스마다 새로운 i가 유지되기 때문입니다.
그리고 익명 함수의 상위 수준에는 이미 이 i가 있고 비교되었습니다. init i의 것과는 다릅니다.