두 번째 수업. 210221_궁금해서 찾아본 이것저것

JavaScript 네이밍 규칙

 

# 변수, 함수명은 camelCase를 사용한다.

- 첫 글자는 소문자, 문자 단위로 첫 글자는 대문자를 사용한다.

- 중간에 언더바(_) 사용을 금지한다.

 

var pageName;

 

# 상수는 영문 대문자 스네이크 표기법을 사용한다.

var SYMBOLIC_NAME;

 

# 생성자 함수는 대문자 camelCase 를 사용한다.

- 생성자 함수는 동사로 시작하지 않고 첫 문자를 대문자로 시작한다.

function Func() {
}

 

# 지역변수 혹은 private 변수는 언더바(_)로 시작한다.

var _private;

 

# 예약어를 사용하지 않는다.

var if; // (X)
var for; // (X)
var this; // (X)

 

# 전역변수를 사용하지 않는다.

모든 컴파일 단위는 하나의 공용 전역 객체에 로딩된다. 전역 변수는 언제든지 프로그램의 모든 부분에서 접근할 수 있기 때문에 편하지만,

바꿔 말하면 프로그램의 모든 부분에서 변경될 수 있고, 그로 인해 프로그램에 치명적인 오류를 발생시킬 수 있다.

​

# 암묵적인 전역변수를 사용하지 않는다.

 

// bad
function sum(x, y) {
  result = x + y;
  return result;
}

// bad
function foo() {
  var a = b = 0; // var a = (b = 0);와 같다. b가 암묵적 전역이 된다.
}

// good
function sum(x, y) {
  var result = x + y;
  return result;
}

// good
function foo() {
  var a, b;
  a = b = 0;
}

 

var a 와 var $a의 차이점

 

1. var a;

자바스크립트 변수이며, 스크립트만 사용 가능하다.

​

2. var $a;

jQuery 변수이며, DOM, HTML의 요소를 담을 수 있다.

jQuery에서 사용하는 내장 함수(.css() / .hide() / .show() 등)들을 모두 사용할 수 있다.

​

※ jQuery : 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리

DOM (문서 객체 모델)과 이벤트에 관한 처리를 손쉽게 구현할 수 있으며, Ajax 응용 프로그램 및 플러그인도 jQuery를 활용하여 빠르게 개발할 수 있다.