Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 구문:초보자를 위한 안내서

JavaScript 작성 방법을 배우고 싶다면 제대로 찾아오셨습니다.

모든 프로그래밍 언어에는 영어와 마찬가지로 고유한 규칙 집합이 있습니다. 그것에 대해 생각해보십시오. 초등학교 때 문장을 구성하기 위해 문법 규칙을 배웠습니다.

영어와 마찬가지로 프로그래밍 언어는 모든 사람이 말하는 내용을 이해할 수 있도록 규칙을 따릅니다. 우리 모두가 영어를 사용할 때 자신만의 규칙을 만들 수 있다고 상상해 보세요. 아무도 의사 소통을 할 수 없었을 것입니다. 마찬가지로 프로그래밍 언어는 작성한 코드가 실행될 수 있도록 규칙에 대해 엄격합니다.

이 가이드에서는 JavaScript 구문에 대해 설명합니다. 구문은 JavaScript로 코드를 작성하는 방법을 정의하는 일련의 규칙을 나타냅니다.

구문은 왜 중요한가요?

JavaScript에는 따라야 하는 몇 가지 구문 규칙이 있습니다. 예를 들어 대괄호를 연 후 닫지 않으면 오류가 반환됩니다. 컴퓨터는 명령을 이해하지 못하기 때문에 프로그램을 계속 실행할 수 없습니다.

이것은 컴퓨터와 인간 사이의 중요한 구별을 의미합니다. 인간은 가끔 발생하는 오류를 식별하고 건너뛸 수 있지만 프로그래밍 언어로 코드를 실행할 때 컴퓨터는 동일한 작업을 수행할 수 없습니다. 그렇기 때문에 작업 중인 프로그래밍 언어의 구문을 사용하여 코드를 작성하는 것이 중요합니다.

구문은 또한 코드를 더 읽기 쉽게 만듭니다. 모두가 같은 구문을 사용하면 다른 사람의 프로그램을 쉽게 해석할 수 있습니다. 영어와 마찬가지로 기본 규칙을 알면 읽을 수 없는 코드가 없습니다.

이 가이드에서는 구문의 다음 기능에 중점을 둘 것입니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

  • 공백
  • 변수 이름 지정
  • 들여쓰기
  • 댓글
  • 세미콜론

시작하겠습니다!

공백

프로그래머는 공백에 대해 계속해서 토론합니다. 굉장히 논란이 많은 주제입니다. 이러한 논쟁을 잠시 제쳐두고 JavaScript의 구문과 관련하여 기억해야 할 한 가지 핵심 규칙이 있습니다. 변수 사이에 공백이 있어야 하고 괄호 앞뒤에 공백이 있어야 합니다.

for를 작성한다고 가정해 보겠습니다. 고리:

for (var i = 0; i < 4; i++) {
	console.log(i);
}

이 루프는 0에서 4 사이의 모든 숫자를 콘솔에 출력합니다. 보시다시피 for 사이에 공백이 있습니다. 키와 for의 여는 괄호 고리. 닫는 중괄호(()와 여는 중괄호({) 사이에 공백이 있고 이 대괄호의 모든 명령문 사이에도 공백이 있습니다.

  • 변수 i =0;
  • 나는 <4;

for 외부에 변수를 할당하는 경우 루프에서 동일한 접근 방식을 사용합니다.

var cookie = “Raspberry Chocolate Chip”;

변수 사이에 공백을 추가하면 코드를 쉽게 읽을 수 있습니다.

들여쓰기

다른 프로그래밍 언어와 달리 JavaScript 프로그램을 한 줄로 작성할 수 있습니다. 좋은 생각은 아닙니다. 코드를 읽는 것이 얼마나 어려울지 생각해 보세요. 하지만 여전히 할 수 있습니다.

if와 같은 코드 블록 내에 있는 모든 명령문 조건문 또는 클래스 – 들여쓰기를 해야 합니다. 들여쓰기는 코드 시작 부분에 2개의 공백, 4개의 공백 또는 탭을 추가하는 것을 말합니다. 무엇이 최선인지에 대해 프로그래머들 사이에 많은 논쟁이 있지만, 코드 전체에서 일관성을 유지하는 한 문제가 없을 것입니다.

다음은 들여쓰기된 for입니다. 고리:

for (var i = 0; i < 4; i++) {
	console.log(i);
}

console.log()라는 용어를 볼 수 있습니다. 탭을 사용하여 들여쓰기되었습니다. 중괄호 안에 포함되어 있기 때문입니다. 이것은 for 루프의 내용을 나머지 코드와 구별하는 데 도움이 됩니다. if와 같이 코드에 다른 코드 블록이 있는 경우 문에서 내용을 더 들여쓰기합니다. 

for (var i = 0; i < 4; i++) {
	if (i === 3) {
		console.log(i);
	}
}

이 코드는 i의 값을 출력합니다. 3과 같다면. 그렇지 않으면 아무 일도 일어나지 않습니다. 이 스니펫에서 if 문은 for에 있기 때문에 하나의 탭으로 들여쓰기됩니다. 고리. console.log() 문은 if 내에 포함되어 있으므로 두 개의 탭으로 들여쓰기됩니다. for에 포함된 문 성명서.

댓글

주석은 개발자가 개발자를 위해 작성한 진술입니다. 기술적으로 JavaScript에서 읽지만 실행되지는 않습니다.

주석의 목적은 개발자가 코드를 추적할 수 있도록 돕는 것입니다. 복잡한 기능을 구현하는 경우 몇 가지 주석을 작성하여 기능의 각 부분이 무엇을 하는지 알 수 있습니다. 주석은 공동 프로젝트에서도 자주 사용되므로 모든 개발자가 직접 작성하지 않더라도 프로그램을 이해할 수 있습니다.

JavaScript에서 주석은 이중 슬래시를 사용하여 작성되고 그 뒤에 주석이 옵니다. 

// This is a comment that will be skipped over by JavaScript!

이중 슬래시 뒤에 오는 모든 문자는 주석으로 처리됩니다. 주석을 여러 줄로 확장하려면 다음 구문을 사용할 수 있습니다. 

/* This is a comment
that spans multiple lines. */

/*와 */ 사이의 모든 텍스트는 JavaScript 컴파일러에서 무시됩니다.

변수 이름 지정

변수의 이름을 지정할 수 있는 방법에는 여러 가지가 있습니다. 가장 널리 사용되는 3가지 방법은 대문자 카멜 케이스, 소문자 카멜 케이스 및 밑줄을 사용하는 것입니다.

JavaScript에서 대부분의 개발자는 변수 이름에 소문자를 사용하는 것을 선호합니다.

firstName, surname, isAdmin

JavaScript에서 변수 선언은 다음과 같습니다.

var firstName = “Tony”;

사용 중인 변수 유형(이 경우 var) 뒤에는 변수 이름, 등호, 변수에 저장하려는 값이 옵니다.

변수의 첫 번째 단어는 변수가 한 단어만 포함하는 경우에도 소문자로 시작해야 합니다. 두 번째 단어와 이후의 모든 단어는 위에서 볼 수 있듯이 대문자로 시작해야 합니다.

밑줄의 "first_name" 또는 대문자의 "FirstName"과 같은 다른 방법을 사용하여 변수를 작성할 수 있지만 JavaScript에서는 그렇게 일반적이지 않습니다.

JavaScript의 변수는 대소문자를 구분합니다. 즉, firstName 및 firstname , 동일한 기본 문자를 포함하는 동안 다르게 처리됩니다.

변수 이름으로 사용할 수 없는 "예약어"라는 단어가 몇 개 있습니다. JavaScript에서 특별한 기능을 하는 단어들입니다. 예를 들어, 변수 이름을 "class" 또는 "for"로 지정할 수 없습니다. 이미 언어에서 사용되기 때문입니다.

Mozilla 개발자 네트워크에서 예약된 JavaScript 키워드 목록을 찾을 수 있습니다.

세미콜론

영어에서 모든 문장은 마침표로 끝납니다. 완전 정지. 이것은 언제 한 문장 읽기를 중단하고 다른 문장을 시작해야 하는지 알려줍니다. 초등학교 시절을 생각해보면 문장은 잠시 멈추고 숨을 쉬는 곳이라는 말을 들었을 것입니다.

컴퓨터 프로그램은 숨을 쉴 필요가 없지만 프로그램에서 명령문이 어떻게 분할되는지 알아야 합니다. JavaScript에서 대부분의 문은 세미콜론으로 끝납니다.

var cookie = “Chocolate Fudge”;

블록 문 뒤에 세미콜론을 지정할 필요가 없습니다. 이들은 class, switch, do, if 및 for와 같은 문입니다. 다음 문은 중괄호를 사용하여 코드를 저장합니다. 

function addNumbers(one, two) {
	return one + two;
}

이 코드에서 return이 종료되었음을 알 수 있습니다. 세미콜론이 있는 문. 그것은 우리의 기능에 있기 때문입니다. 함수는 세미콜론으로 끝나지 않습니다.

결론

JavaScript 프로그래밍 언어에는 많은 규칙이 있습니다. 이러한 각 규칙은 사용자와 브라우저가 읽을 수 있는 코드를 작성하도록 합니다. 팀에서 작업하는 경우 JavaScript의 구문 규칙을 준수하는 것이 특히 중요합니다.

우리가 다룬 주요 규칙을 요약하면 다음과 같습니다.

  • 변수 선언 또는 "for" 또는 "if"와 같은 키워드 뒤의 모든 명령문은 공백으로 구분해야 합니다.
  • 코드 블록(예:"if", "else")으로 묶인 문은 들여써야 합니다.
  • 변수 이름은 소문자 카멜을 사용해야 하며 예약된 키워드와 같을 수 없습니다.
  • 블록 문을 제외한 모든 문은 세미콜론으로 끝나야 합니다.
  • //는 한 줄 주석을 작성하는 데 사용할 수 있고 /* */는 여러 줄에 걸친 주석을 작성하는 데 사용할 수 있습니다.

이제 전문 개발자처럼 JavaScript로 코딩을 시작할 준비가 되었습니다!