JavaScript 초보자가 주의해야 할 7가지 세부 사항

모든 언어에는 고유한 기능이 있습니다. JavaScript의 경우 var를 사용하여 모든 유형의 변수를 선언할 수 있습니다. 이 스크립팅 언어는 매우 간단해 보이지만 우아한 코드를 작성하려면 지속적인 경험이 필요합니다. 이 문서에는 JavaScript 초보자가 주의하고 공유해야 할 7가지 세부 사항이 나열되어 있습니다.

(1) 코드 단순화

JavaScript에서 개체와 배열을 정의하는 것은 매우 간단합니다. 일반적으로 다음과 같이 작성됩니다.

1 var

car =
new

Object();
2 car.colour =
red

3 car.wheels = 4;
4 car.hubcaps =
spinning
;
5 car.age = 4;

다음 쓰기는 동일한 효과를 얻을 수 있습니다:

1 var

자동차 = {
2
색상:
빨간색
,
3
바퀴:4,
4 허브캡:
회전
,
5세: 4 
6}

다음 글은 훨씬 짧아서, 개체 이름을 반복해서 쓸 필요가 없습니다. 중괄호 뒤에 세미콜론을 추가하지 않도록 주의하십시오. 그렇지 않으면 IE에서 오류가 발생합니다.

또한 배열을 작성하는 간결한 방법도 있습니다. 과거에는 다음과 같이 배열을 선언했습니다.

1 var

moviesThatNeedBetterWriters =
new

배열(
2
Transformers
,
Transformers2
,
아바타
,
Indiana Jones 4
3 );

이 더 간결합니다. 작성 방법은 다음과 같습니다.

1 var

moviesThatNeedBetterWriters = [
2
Transformers
,
Transformers2
,
아바타
,
인디아나 존스 4
3 ];

배열에는 연관배열이라는 특별한 것이 있습니다. 많은 코드가 다음과 같이 객체를 정의하는 것을 볼 수 있습니다:

1 var

car =
new

Array();
2 car[
색상
] =
빨간색
;
3대[
바퀴
] =
4대[
허브캡
] =
spinning
;
5 car[
age
] = 4;

이건 말도 안 되는 소리입니다. 혼동하지 마세요. "연관 배열"은 객체의 별칭일 뿐입니다. . 코드를 단순화하는 또 다른 방법은 삼항 연산자를 사용하는 것입니다. 예:

1 var

direction
2 if
(x < 200){
3
방향 = 1;
4 }
else

{
5
방향 = -1; 이 글을 대체하려면 다음 코드를 사용하세요.

1 var

direction = x < 200 ? 1 : -1;

(2) JSON을 데이터 형식으로 사용 Douglas Crockford는 데이터를 저장하기 위해 JSON 데이터 형식을 발명했습니다. 기본 JavaScript 방법을 사용하여 추가 변환 없이 복잡한 데이터를 저장할 수 있습니다. 예:

01 var

band = {

02 🎜>{
05                                                                "이름" 🎜>07 
}, 
08 
{ 
09 
"이름"
:
"Michael Flea Balzary"
, 
10 
" 역할"
:
"베이스 기타, 트럼펫, 백 보컬"
11 
},
12 
{ 
13 
"이름"
:
"채드 스미스"
, 
14 
"역할"
:
"드럼, 타악기" 
15 
} , 
16 
{ 
17                                                                             🎜>}
20
],
21
"연도"
:
"2009"
22 }

JSON을 사용하면 API에서 반환하는 형식도 JSON?P라고 하며 다음과 같은 많은 API에서 사용됩니다.

01 <
div

id
=
"delicious"
>div
><
script
>
02 기능 맛있습니다(o){
03
var out = <
ul
> for(var i=0 ;io.length
;i++){ 
05 
out +=

<
a

href
=
" + o[i].u + "
> +
06 
o[i].d + a
>li
>;
07
}
08
out += ul
>; innerHTML = out; ;/
스크립트
> http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious"
>스크립트
>

여기에서 맛있는 것을 호출하세요. 웹 서비스는 최신 북마크를 가져와 JSON 형식으로 반환한 다음 순서가 지정되지 않은 목록으로 표시합니다. 기본적으로 JSON은 복잡한 데이터를 설명하는 가장 간단한 방법이며 브라우저에서 직접 실행됩니다. PHP에서 json_decode() 함수를 호출하여 사용할 수도 있습니다.

1 "FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi-font-family: Times New Roman"
> ;"글꼴 크기: 14pt"
>(3)"FONT-SIZE: 14pt"
>"FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi-font- family: Times New Roman"
>사용해 보세요"FONT-FAMILY: Times New Roman"

face=

"Times New Roman"
>Javascript"FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi -font-family: Times New Roman"
>기본 함수"FONT-FAMILY: 宋体; mso-hansi-font-family: Times New Roman"
>



숫자 집합에서 가장 큰 숫자를 찾으려면 다음과 같이 루프를 작성할 수 있습니다.

1 var

numbers = [3,342,23,22,124]; 🎜>
최대 = 0;
3 for
(
var

i=0;i(numbers[i] > max){

5

max = 숫자[i];

6

}
7 }
8 Alert(max);

사실 같은 기능입니다 반복 없이 달성 가능:

1 var

numbers = [3,342,23,22,124]
2numbers.sort(
function
(a,b) {
return

b - a});
3 Alert(numbers[0]);

가장 간단한 작성 방법은 다음과 같습니다.

1 Math.max(12,123,3,2,433,4);

// 433 반환

Math.max를 사용하여 브라우저가 지원하는 속성을 확인할 수도 있습니다.

1 var

scrollTop= Math.max(
2
doc.documentElement.scrollTop,
3
doc.body.scrollTop
4 );

요소에 클래스 스타일을 추가하려는 경우 원본 작성은 다음과 같습니다.

1 function

addclass(elm,newclass){

2

var

c = elm.className;
3
elm.className = (c ===

) ? newclass : c+

+newclass; >보다 우아한 작성 방법은 다음과 같습니다.

1개 함수

addclass(elm,newclass){

2
var

classes = elm.className. Split(

);
3
classes.push(newclass);
4
5 }

(4) 이벤트 위임

이벤트는 JavaScript에서 매우 중요한 부분입니다. 클릭 이벤트를 목록의 링크에 바인딩하려고 합니다. 일반적인 접근 방식은 루프를 작성하고 이벤트를 각 링크 개체에 바인딩하는 것입니다.

1

훌륭한 웹 리소스>  
2

"리소스"
>  
3   

• "http://opera.com/wsc"
  >Opera 웹 표준 커리큘럼< ;/a&g