J.BF Story

[노마드 코더] Javascript 개념 본문

FrontEnd/Javascript

[노마드 코더] Javascript 개념

J.BF 2022. 3. 8. 07:03

네이밍컨벤션(Naming Convention)

CamelCase

const testWord = "Hello";

변수 선언 방식

  var let const
변수 재선언 가능 O X X
변수 재할당 가능 O O X

* var: old ver.

* 기본적으로 const 사용, 재할당이 필요한 경우 let 사용

var

var testWord = "Hello"; // ok
var testWord = "Hello"; // ok
testName = "Hello World"; // ok

let

let testWord = "Hello"; // ok
let testWord = "Hello"; // Err: Uncaught SyntaxError: Identifier 'testWord' has already been declared
testName = "Hello World"; // ok

const

const testWord = "Hello"; // ok
const testWord = "Hello"; // Err: Uncaught SyntaxError: Identifier 'testWord' has already been declared
testName = "Hello World"; // Err: Uncaught TypeError: Assignment to constant variable.

특수 값

null vs undefined

  • 공통 의미: 변수에 값이 없음
  • null: 변수가 존재하지만 값이 들어가 있지 않음
  • undefined: 변수가 존재하지만 값이 주어지지 않음
typeof(null); // 'object'
typeof(undefined); // undefined

let testWord = null; // null
let testWord2; // undefined

Objects

const user = {
    name: "John",
    age: 25,
    talk: function(person) {
    	console.log("Hello "+person+"!");
    }
};

// get value
console.log(user["name"]); // John
console.log(user.name); // John

// update value
user.name = "test";
console.log(user.name); // test

// add property
user.phone = "000-0000-000";
console.log(user.phone); // "000-0000-000"

// calc num
user.age = user.age + 5;
console.log(user.age); // 30

// call function
user.talk("Tom") // Hello Tom!

'FrontEnd > Javascript' 카테고리의 다른 글

[노마드코더] Events  (0) 2022.03.14
[Javascript] 신기한 점  (0) 2022.03.09
[Javascript ]const의 특징  (0) 2022.03.09
[Mac] 파일 엑세스 거부  (0) 2022.03.07
[노마드 코더] Javascript 시작  (0) 2022.03.07
Comments