🌷JavaScript: 배운 것 중 다시 기억할 것😆 [K-디지털 트레이닝 11일~18일차]

230217 Fri 

자바스크립트를 공부했을 때 배운 것 중 내가 헷갈려하는 다시 기억할 것을 정리했다.

목차
1) new
2) this
3) return false, return true

---

1) 생성자 함수 new

2023.01.17 - [1. Revision 2023/Javascript] - [15] 230117 Ch. 9 자바스크립트 객체: 객체, 객체의 생성 및 사용, 프로토타입, 자바스크립트 내장 객체, Array 객체, 자바스크립트에서의 오류 처리

생성자 함수(Constructor Function)를 이용한 객체 생성

사용자 정의 객체: 개발자는 자신만의 객체도 생성할 수 있다.
사용자 정의 객체를 생성하려면 생성자라는 특별한 함수가 필요하다.
생성자는 객체를 초기화(변수에 제일 처음 들어가는 값 ex) var a = 10;) 하는 역할을 한다.

객체를 생성하는 연산자(어떤 함수에 작용해 그 함수를 다른 함수로 변형시키는 함수)는 new이다.

∴ 생성자 함수를 이용하여 객체를 정의하고 new를 통하여 객체의 인스턴스를 생성한다.
An instance is a specific realization of any object in object-oriented programming.

new 연산자를 사용하여 객체를 생성하고 초기화할 수 있다. 이때 사용되는 메서드를 생성자(constructor)라고 하며,
이 메서드는 새롭게 생성되는 객체를 초기화하는 역할을 한다. 자바스크립트는 원시 타입을 위한 생성자를 미리 정의하여 제공한다.
(원시 타입은 정수, 실수, 문자, 논리 리터럴 등 실제 데이터 값을 저장하는 타입이다.)

참고: https://developer-talk.tistory.com/281

예시1)

var day = new Date(); // new 연산자를 사용하여 Date 타입의 객체를 생성함.
document.write("올해는 " + day.getFullYear() + "년입니다.");

---

2) this

2023.01.17 - [1. Revision 2023/Javascript] - [15] 230117 Ch. 9 자바스크립트 객체: 객체, 객체의 생성 및 사용, 프로토타입, 자바스크립트 내장 객체, Array 객체, 자바스크립트에서의 오류 처리

this는 코드를 실행하는 현재 객체를 의미한다. 생성자는 전달된 매개 변수값으로 현재 객체의 속성을 설정한다.
this가 없다면 속성을 지역 변수로 혼동할 수 있기 때문에 객체의 속성에는 반드시 this를 붙인다.
앞에 this가 붙인 변수 = 속성
앞에 this가 붙은 함수 = 메서드 (함수가 객체 안에 내장되어 있으면 메서드)
내장 객체는 미리 생성자 함수가 작성되어 있으므로 생성자를 작성할 필요 없이 new 하여서 객체를 생성하고 사용하면 된다.

예시2)

function Car(model, speed, color){ //Car 생성자 선언
// 속성
this.model=model;
this.speed=speed;
this.color=color;

// 함수
brake = function(){
this.speed -= 10; // this.speed = this.speed - 10
}

excel = function(){
this.speed += 10; // this.speed = this.speed + 10
}
}
//Car 생성자 호출
mycar = new Car("520d", 60, "red"); //각 model, speed, color
//생성자 이용해서 값 바꾼다.
mycar = new Car("520d", 60, "yellow");
document.write("모델: "+mycar.model+" 속도: "+mycar.speed+"<br>")

---

3) return false, return true

2023.01.20 - [1. Revision 2023/Javascript] - [18] 230120 Ch. 10 자바스크립트 DOM과 이벤트 처리, 입력 검증(3): 폼의 유효성 검증

- Why use return false in JavaScript?

: During form submission, if a particular entry is unfilled, return false is used to prevent the submission of the form.

 

 

- Why we use return true in JavaScript?

Using return causes your code to short-circuit and stop executing immediately.

short-circuit: to do something more quickly than usual, by avoiding some of the parts of the process

 

2023.01.11 - [1. Revision 2023/Javascript] - [11] 230111 Ch. 8 자바스크립트 기초(3): 조건문, 반복문

if () {  return; } > null을 반환 (null을 return) if () {  return true; } > true을 반환 (true을 return) if () {  return false; } > false을 반환 (false을 return)

• return은 함수 실행을 종료하고, 함수를 빠져나온다.
  
• break는 현재 루프 즉, switch나 for, while문 등을 종료하고 루프에서 빠져나온다.
  
• 만약에 함수 안에 작성된 루프 안에서 break가 쓰였다면, break를 감싸고 있는 루프를 빠져나가고 함수 밖으로는 나가지 않는다. return은 함수 실행을 종료하고 함수를 호출한 곳으로 실행 흐름을 옮긴다.
  

참고: https://jihyehwang09.github.io/2019/03/12/js-return-and-break/

---