어떻게 당신 의 자 바스 크 립 트 를 잘 쓰 는 지[추천]

7088 단어 자바 script
머리말
실제 업무 에서 우 리 는 기능 적 으로 문제 가 없 지만 인 코딩 스타일 과 규범 이 매우 나 쁜 코드 를 자주 볼 수 있어 야 한다.이것 은 사람들 로 하여 금 더 이상 읽 지 못 하 게 하고 심지어 읽 는 사람의 하루 기분 에 영향 을 줄 수 있다.이 코드 들 은 읽 기 가 쉽 지 않 을 뿐만 아니 라 유지 하기 도 어렵다.그들 은 보통 입문 한 프로 그래 밍 초보 자 에서 나 오고 몇 년 동안 일 한 오래된 프로그래머 밑 에서 나 올 수도 있다.따라서 본 고의 목적 은 양호 한 인 코딩 스타일 을 기 르 지 못 하고 해당 하 는 인 코딩 규범 의식 이 부족 한 자 바스 크 립 트 학습자 들 이 인 코딩 이미 지 를 개선 하도록 돕 는 데 있다.
코딩 이미지
이상 에서 저 는 인 코딩 이미지 의 개념 을 제 기 했 습 니 다.저 는 개인 적 으로 다음 과 같이 생각 합 니 다.
인 코딩 이미지=인 코딩 스타일+인 코딩 규범
좋 은 인 코딩 이미 지 는 옷차림 이 잘 어 울 리 는 청년 과 같 습 니 다.프로그래머 에 게 이것 은 동업자 가 당신 의 우수한 능력 을 이해 하 는 가장 직접적 이 고 간단 한 방식 입 니 다.
우 리 는 나 쁜 인 코딩 이미 지 를 살 펴 보 자.

//    
function func(){
 var age=18,sex='man';
 var greeting='hello';
 if(age<=18&&sex=='man'){
 console.log(greeting+'little boy')
 }
 ...
}
func()
위의 코드 는 전체적으로 축소 되 어 규범 의식 이 부족 하고 읽 기 체험 이 좋 지 않 아 직시 할 수 없다.
좋 은 코드 이미 지 를 다시 보 겠 습 니 다.

//     
function greetFn() {
 var age = 18,
 sex = 'man',
 greeting = 'hello';
 if (age <= 18 && sex === 'man') {
 console.log(greeting + 'little boy');
 }
 ...
};
greetFn();
위쪽 코드 가 많이 편 해 졌 죠?
이 를 통 해 알 수 있 듯 이 좋 은 인 코딩 이미 지 를 기 르 는 것 이 중요 하 다.본 고 는 주로 자바 스 크 립 트 를 바탕 으로 하 는 인 코딩 이미지,즉 자바 스 크 립 트 를 바탕 으로 하 는 인 코딩 스타일 과 인 코딩 규범 을 설명 한다.
그렇다면 인 코딩 스타일 이 무엇 인지,인 코딩 규범 이 무엇 인지,이들 의 차 이 는 무엇 입 니까?
코드 스타일
우선 인 코딩 스타일 은 스타일 이 니 옳 고 그 름 의 구분 이 없다.마치 사람마다 옷차림 이 다 르 고,어떤 사람 은 비교적 잘 어 울 리 고,어떤 사람 은 비교적 편 하 게 입 는 것 과 같다.
그리고 자 바스 크 립 트 인 코딩 스타일 에 도 비교적 적합 한 스타일 이 있 습 니 다.특히 팀 개발 에서 우 리 는 자신의 스타일 을 마음대로 쓸 수 없습니다.
다음은 몇 가지 임의의 인 코딩 스타일 을 열거 하고 좋 은 인 코딩 스타일 과 비교한다.
1.합 리 적 인 주석

//       
var name = '  ';//           

if (name) {
 /*
 *       
 *       
 */
}

//      
var name = '  '; //           

if (name) {
 /*
 *        
 *        
 */
}
2.합 리 적 인 간격

//       
var name='  '; //            

// if         
if(name){
 console.log('hello');
}

//      
var name = '  '; //           

// if        
if (name) {
 console.log('hello');
}
3.합 리 적 으로 들 여 쓰기

//       :      
function getName() {
console.log('  '); 
}

//      :    
function getName() {
 console.log('  ');
}
4.합 리 적 인 비행

//       :            
function getName() {
 var name = '  ';
 if (name) {
 console.log('hello');
 }
}

//      :          
function getName() {
 var name = '  ';

 if (name) {
 console.log('hello');
 }
}
5.합 리 적 으로 명명

//       
var getName = '  '; //          

//          
function name() {
 console.log('hello');
}

//      
var name = '  '; //          

//          
function getName() {
 console.log('hello');
}
6.합 리 적 인 성명

//       :         
getName(); 

function getName() {
 console.log('hello');
}

//      :         
function getName() {
 console.log('hello');
}

getName();
7.합 리 적 인 결말

//       :        
var name = '  ' 

var getName = function() {
 console.log('hello')
}

//      :      
var name = '  '; 

var getName = function() {
 console.log('hello');
};
이상 은 주로 7 개의 흔히 볼 수 있 는 인 코딩 스타일 의 예 를 들 어 비교 했다.추천 하 는 쓰기 와 추천 하지 않 는 쓰기 에서 이들 은 옳 고 그 름 의 구분 이 없다.다만 추천 하 는 쓰기 에 비해 읽 기 쉽 고 유지 하기 쉬 우 며 팀 개발 에 더욱 적합 하고 좋 은 인 코딩 이미지 의 표현 이다.
부호화 규범
인 코딩 규범 에 대해 서 는 규범 이 라면 일정한 규칙 에 따라 작성 해 야 합 니 다.인 코딩 규범 에 어 긋 나 는 코드 를 마음대로 작성 하면 프로그램의 오류 와 잠재 적 인 bug 를 초래 할 수 있 으 므 로 인 코딩 스타일 에 비해 더욱 엄밀 해 야 하고 인 코딩 스타일 을 인 코딩 규범 에 포함 시 키 는 사람 도 있 습 니 다.
다음은 몇 가지 흔히 볼 수 있 는 실례 코드 를 열거 합 니 다.
1.비교 매개 변수

//       :== !=          ,       
var num = 123;

if (num == '123') {
 console.log(num);
} else if (num != '321') {
 console.log('321');
}

//      :  === !==     
var num = 123;

if (num === '123') {
 console.log(num);
} else if (num !== '321') {
 console.log('321');
}
2.패키지 if 구문

//       :if              bug
var num = 123;
if (num === '123')
 console.log(num);

//      :if        
var num = 123;
if (num === '123') {
 console.log(num);
}
3.eval 사용 조심

//       :     eval,   ,     (     js  ,    )
var json = '{"name": "  ", "func": alert("hello")}';
eval('(' + json + ')'); //   “hello”

//      
var json = '{"name": "  ", "func": alert("hello")}';
JSON.parse(json); //     
4.판단 유형

//       : typeof            
var str = new String('  '); 
console.log(typeof str); // 'object'

//      : instanceof            
var str = new String('  '); 
console.log(str instanceof String); // true
5.속성 검사

//       :  undefined null           
if (obj['name'] !== undefined) {
 console.log('name    '); //  obj.name undefined         
}
if (obj['name'] !== null) {
 console.log('name    '); //  obj.name null         
}

//      :  in              ,  hasOwnProperty                     
if ('name' in obj) {
 console.log('name    ');
}
if (obj.hasOwnProperty('name')) {
 console.log('name    ');
}
이상 은 주로 5 가지 흔히 볼 수 있 는 인 코딩 규범 의 예 를 들 어 자신의 코드 를 합 리 적 으로 규범화 시 키 면 불필요 한 유지 비용 과 잠재 적 인 bug 위험 을 어느 정도 줄 일 수 있 으 므 로 자 바스 크 립 트 학습자 에 게 명심 해 야 한다.
결어
"프로그램 은 읽 어 주 는 것 입 니 다.가끔 컴퓨터 에 실 행 될 뿐 입 니 다."우 리 는 일시적인 편 의 를 탐 하기 위해 자신의 코드 이미 지 를 직접 망 가 뜨 려 서 는 안 된다.이것 은 다른 사람과 전체 프로젝트 에 불필요 한 번 거 로 움 을 가 져 다 줄 것 이다.
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!

좋은 웹페이지 즐겨찾기