JavaScript #1

210727
JavaScript #1

---

• HTML은 CSS와 JavaScript를 연결해주는 역할

• JS의 variable
  const -> 바뀌지 않는 값 constant(상수) 값을 업데이트 할 수 없다
  let -> 값을 바꿀 수 있다

ex)

const a = 3
let b = 4

a = 5 // X
b = 6 // O

• var
  과거 초기의 JavaScript에는 var만이 존재했는데 이는 let과 같이 수정이 가능하다. 언제 어디서든 업데이트가 된다.
  ex)

var a = 1
var a = 2 // 가능하다

let b = 3
let b = 45 // 불가능

이와같이 var는 어떠한 규칙도 없어서 값을 보호할 수 없다.
따라서 기본적으로 const를 사용하고 값의 업데이트를 허용해야할 경우에는 let을 사용한다.

• JS의 type
  number, string, boolean, null, undefined, symbol, Object

• JS의 Object

const player = {
  //property
  name: "Rose",
  points: 10,
  fat: false,
}
console.log(player)
console.log(player.name)

이처럼 object 타입을 사용할 수 있음

const player = {
  //property
  name: "Rose",
  points: 10,
  fat: false,
}
console.log(player)
console.log(player.name)
player.lastname = "tomato"
console.log(player)

player에는 lastname이 존재하지 않는다. 하지만 추가가 가능하다.
또한 요소를 업데이트 할 수 있다.
const는 변할 수 없지만. const는 player이고 player의 요소들은 변경이 가능하다.

• JS의 function

function fc(){
	내용
}

이런 형식으로 function을 만들 수 있다.
괄호 안에 인자를 받을 수 있다.

const player = {
  name: "potato",
  sayBye: function(Name){
    console.log("Bye " + Name)
  }
}

player.sayBye("tomato")

혹은 이처럼 Object내에 함수를 선언할 수 도 있다.

참고
https://nomadcoders.co/javascript-for-beginners/lobby