Joslynn의 하루

JavaScript 보충 정리 본문

MSA Full-Stack 개발자 양성과정/JavaScript

JavaScript 보충 정리

Joslynn 2022. 9. 28. 02:16

변수 var, let, const

: var는 한 번 선언된 변수를 다시 선언 가능

:  var는 선언 전에 사용 가능하지만, let과 const는 불가

   **호이스팅: 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동

   **Temporal Dead Zone: let과 const는 TDZ 영역에 있어 선언 및 할당 전에 사용 불가

      코드를 예측 가능하게 하고, 잠재적 에러를 줄일 수 있음

 

변수의 생성단계

1. 선언   2. 초기화   3. 할당

: var는 선언과 초기화를 동시에 함

: let은 선언단계와 초기화 단계가 분리

: const는 선언, 초기화, 할당이 동시에 이루어짐

 

생성자 함수

: 객체 생성해주는 함수

: 첫 글자는 대문자로 작성

: new 연산자로 호출

function User(name, age){
	//this = {}
	this.name = name;
	this.age = age; 
	this.sayName = function(){
	  console.log(this.name);
	}
	//return this;
}

let user1 = new User('Mike', 30);
let user2 = new User('Jane', 22);
let user3 = new User('Tom', 17);

user2.sayName(); //'Jane'

 

객체 (Object) 및 Computed Property

 

 

객체

 

ko.javascript.info

 

HTML과 JS: 이벤트

: 사용자가 키를 누르거나 마우스의 버튼을 누른 경우에 발생됨

: 이벤트를 통해서 사용자와 상호 작용하는 웹페이지를 만들 수 있음

: html의 속성 중 on이벤트 속성들은 값으로 javaScript의 코드를 가짐

<body>
	<input type="button" value="hi" onclick = "alert('hi') />
</body>

 

JavaScript - 제어할 태그 선택하기

ex) document.querySelector('태그명');

      document.getElementById("id명");

 

속성과 프로퍼티

 

ko.javascript.info

 

 

저작자표시 비영리 변경금지 (새창열림)

'MSA Full-Stack 개발자 양성과정 > JavaScript' 카테고리의 다른 글

MSA Full-Stack 개발자 양성 과정 - jQuery trigger 함수, DOM 조작_220928  (0) 2022.09.28
MSA Full-Stack 개발자 양성 과정 - jQuery 기초_220927  (0) 2022.09.27
'MSA Full-Stack 개발자 양성과정/JavaScript' Related Articles more
Comments