본문 바로가기
JavaScript

Javascript 규칙

by 메씨 2023. 6. 14.
728x90
반응형

javascript 문

기본 형태

  • 세미콜론은 생략 가능하지만 쓰는 것이 안전하다!
alert('Hello');

//주석의 시작은 슬래쉬 두개
/*여러 줄 할 떄는 이렇게!

*/

변수

변수란? 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소’

  • 변수명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있다.
  • 첫 글자는 숫자가 될 수 없다.
  • 카멜규칙 ex)mouseOver
let message;

message = 'Hello!';

message = 'World!'; // 값이 변경되었습니다.

alert(message);
let Hello = 'Hello world!';

let message;

// Hello의 'Hello world' 값을 message에 복사합니다.
message = Hello;

// 이제 두 변수는 같은 데이터를 가집니다.
alert(Hello); // Hello world!
alert(message); // Hello world!

  • var은 잘 사용하지 않는다....
var a = 10;
var a = "열"

//var는 여러 변수 선언이 가능

상수

변화하지 않는 변수를 선언할 땐, let 대신 const를 사용한다.

대문자 상수

기억하기 힘든 값을 변수에 할당해 별칭으로 사용하는 것은 널리 사용되는 관습이다.

이런 상수는 대문자와 밑줄로 구성된 이름으로 명명한다.

let f = 3.14;

//let은 변수 선언이 중복되면 오류

const h = 100;
h = 200;  //오류

//const는 상수, 변수 할당시 오류

변수명을 정할 때 중요한 것

userName 이나 shoppingCart처럼 사람이 읽을 수 있는 이름을 사용하세요.
무엇을 하고 있는지 명확히 알고 있지 않을 경우 외에는 줄임말이나 a, b, c와 같은 짧은 이름은 피하세요.
최대한 서술적이고 간결하게 명명해 주세요. data와 value는 나쁜 이름의 예시입니다. 이런 이름은 아무것도 설명해주지 않습니다. 코드 문맥상 변수가 가리키는 데이터나 값이 아주 명확할 때에만 이런 이름을 사용합시다.
자신만의 규칙이나 소속된 팀의 규칙을 따르세요. 만약 사이트 방문객을 'user’라고 부르기로 했다면, 이와 관련된 변수를 currentVisitor나 newManInTown이 아닌 currentUser나 newUser라는 이름으로 지어야 합니다.

자료형

primitive type 원시 타입

 변수에 할당될 때 메모리 상에 고정된 크기로 저장되고 해당 변수가 원시 데이터의 값을 보관한다. 원시 타입 자료형은 모두 변수 선언, 초기화, 할당시 값이 저장된 메모리 영역에 직접적으로 접근한다. 즉 변수에 새 값이 할당 될 때 변수에 할당된 메모리 블럭에 저장된 값을 바로 변경한다는 뜻이다. Access By Value

 

  • 숫자(Number)
  • 문자열(String)
  • 불린(Boolean)
  • null
  • undefined

reference type 참조 타입

 크기가 정해져 있지 않고 변수에 할당될 때 값이 직접 해당 변수에 저장될 수 없으며, 변수에는 데이터에 대한 참조만 저장된다. 변수의 값이 저장된 힙(Heap) 메모리의 주소값을 저장한다. 참조 타입은 변수의 값이 저장된 메모리 블럭의 주소를 가지고 있고, 자바스크립트 엔진이 변수가 가지고 있는 메모리 주소를 이용해서 변수의 값에 접근한다.

Access By Reference

 

  • 객체(Object)
  • 배열(Array)
  • 함수(function)

728x90
반응형

'JavaScript' 카테고리의 다른 글

JavaScript 란?  (0) 2023.06.15
JavaScript 출력  (0) 2023.06.14
Operator 연산자  (0) 2023.04.24
Data Type  (0) 2023.04.24
Return  (0) 2023.04.24

댓글