어떻게 당신 의 자 바스 크 립 트 를 잘 쓰 는 지[추천]
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 위험 을 어느 정도 줄 일 수 있 으 므 로 자 바스 크 립 트 학습자 에 게 명심 해 야 한다.결어
"프로그램 은 읽 어 주 는 것 입 니 다.가끔 컴퓨터 에 실 행 될 뿐 입 니 다."우 리 는 일시적인 편 의 를 탐 하기 위해 자신의 코드 이미 지 를 직접 망 가 뜨 려 서 는 안 된다.이것 은 다른 사람과 전체 프로젝트 에 불필요 한 번 거 로 움 을 가 져 다 줄 것 이다.
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.