자바스크립트 스킬 7가지(1)_자바스크립트 스킬

JavaScript는 매우 인기 있는 프로그래밍 언어입니다. 많은 개발자가 입문 언어로 JavaScript를 선택합니다. 이 기사에서는 7가지 실용적인 JavaScript 기술, 모범 사례 및 기타 매우 실용적인 콘텐츠를 공유합니다. 과거에는 객체를 생성하려면 다음과 같이 했습니다.

 var car = new Object();
　　 car.colour = 'red';
　　 car.wheels = ;
　　 car.hubcaps = 'spinning';
　　 car.age = ;　　下面的写法能够达到同样的效果： var car = {
　　 colour:'red',
　　 wheels:,
　　 hubcaps:'spinning',
　　 age:
　　 }

훨씬 더 간단합니다. 개체 이름을 재사용할 필요가 없습니다.

이러한 방식으로 car가 정의됩니다. IE를 사용할 때만 발생하는 문제입니다. 중괄호를 올바르게 사용하지 마세요.

기호 앞에 세미콜론을 넣으면 문제가 발생하지 않습니다. ​

또 다른 매우 편리한 약어는 배열입니다. ​

배열을 정의하는 전통적인 방법은 다음과 같습니다.

 var moviesThatNeedBetterWriters
　　= new Array(
　　 'Transformers','Transformers','Avatar','Indiana
　　Jones '
　　 );　　简写版的是这样： var moviesThatNeedBetterWriters
　　= [
　　 'Transformers','Transformers','Avatar','Indiana
　　Jones '
　　 ];

배열의 경우 실제로 그래프 그룹 기능이 없다는 문제가 있습니다. 하지만 위의 자동차를 이렇게 정의하는 사람들을 종종 볼 수 있습니다

 var car = new Array();
　　 car['colour'] = 'red';
　　 car['wheels'] = ;
　　 car['hubcaps'] = 'spinning';
　　 car['age'] = ;

배열은 전능하지 않습니다. 이는 올바르게 작성되지 않았으며 사람들을 혼란스럽게 할 것입니다. 그래프 그룹은 실제로 개체의 기능이며 사람들은 두 개념을 혼동합니다. ​
또 다른 매우 멋진 약식 방법은 삼항 조건부 표기법을 사용하는 것입니다. ​

이렇게 쓰지 않아도 되는데...

 var direction;
　　 if(x < ){
　　 direction = ;
　　 } else {
　　 direction = -;
　　 }
...

삼항 조건부 표기법을 사용하여 단순화할 수 있습니다.

var direction

　　= x < 200 &#63; 1 : -1;　

조건이 true일 경우 물음표 뒤의 값을 취하고, 그렇지 않으면 콜론 뒤의 값을 취합니다. ​

위 내용은 스크립트하우스 에디터가 공유하는 7가지 자바스크립트 스킬(1)에 대한 지식입니다. 7가지 자바스크립트 스킬(2)은 추후 업데이트하겠습니다. 제가 이 분야에 대해 더 많은 지식을 갖고 있다면 모든 사람에게 도움이 되기를 바랍니다.