본문 바로가기

JavaScript23

JavaScript 클래스와 인스턴스 [객체지향 프로그래밍] 하나의 모델이 되는 청사진(blueprint)를 만들고, 그 청사진을 바탕으로 한 객체(object)를 만드는 프로그래밍 패턴을 말한다. [클래스(class)] 하나의 모델이 되는 청사진(blueprint) 일반적인 함수와 구분하기 위해 보통 대문자로 시작한다. class Car { constructor (brand, name, color) { this.brand = brand; this.name = name; this.color = color; } //메소드(기능) drive() { console.log (this.name + '가 운전을 합니다'); } } [인스턴스(Instance)] 청사진을 바탕으로 한 객체(object)를 만드는 프로그래밍 패턴. let avante = .. 2022. 7. 22.
일급객체/고차함수 [일급 객체] JavaScript에도 특별한 대우를 받는 일급 객체(first-class citizen)가 있다. 대표적으로 함수. ⭐️특징 1. 변수에 할당(assignment) 할 수 있다. 2. 다른 함수의 전달인자(argument)로 전달될 수 있다. 3. 다른 함수의 결과로서 리턴될 수 있다. 함수를 변수에 할당할 수 있기 때문에, 함수를 배열의 요소나 객체의 속성값으로 저장할 수 있다. 함수를 데이터(string, number, boolean, array, object)처럼 다룰 수 있다. 변수에 함수를 할당하는 경우 const square = function (num) { return num * num; }; output = square(5); console.log(output); // --.. 2022. 7. 21.
JavaScript 스코프(scope) [스코프(scope)] 범위는 중괄호(블록) 또는 함수에 의해 나누어지는데 그 범위를 스코프라 한다. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능하다. 안쪽 스코프에서 선언한 변수는 바깥쪽 스코프에서는 사용할 수 없다.(ReferenceError) 예시1) let greeting = 'Hello'; function greetSomeone() { // 스 let firstName = 'A'; // 코 return greeting + ' ' + firstName; // 프 } console.log(greetSomeone()); // Hello Josh // greeting 변수는 바깥 스코프에 정의되어 있으므로, 함수 안쪽에서 사용할 수 있음. console.log(firstName); // .. 2022. 7. 21.
JavaScript 객체 [객체(object)] 배열을 사용할 경우, let user =[ 'Aurora', 'Kim", 'Seoul' ]; user[1] //Kim 각 index가 어떤 정보를 가지고 있는지 미리 알고 있어야 사용이 가능하다. index로 접근할 경우 가독성이 떨어진다. 객체를 사용할 경우, let user = { firstName: 'Aurora', lastName: 'Kim', city: 'Seoul' //key(키): value(값) }; //방법1: Dot notation user.firstName; //'Aurora' //방법2: Bracket notation user['firstName']; //'Aurora' '' 작은따옴표 사용 가능 user["firstName"]; //'Aurora' "" 큰따.. 2022. 7. 21.
JavaScript 배열(2) 배열과 반복문은 자주 같이 사용된다. let myNum = [10, 20, 30, 40]; let sum = 0; for(let n = 0; n sum + myNum[0] // sum = 10 + 20 --> sum + myNum[1] // sum = 30 + 30 --> sum + myNum[2] // sum = 60 + 40 --> sum + myNum[3] } console.log(sum); // 100 [Array.isArray] Array.isArray() 메서드는 인자가 배열인지 판별합니다. typeof words //object typeof [1,2,3] //ob.. 2022. 7. 21.
JavaScript 배열(1) [배열] 순서가 있는 값. 순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매긴다. 배열은 여러 데이터를 한 번에 다루기 위해 필요하다. let myNumber = [5, 44, 32, 99, 51]; [0] [1] [2] [3] [4] 5 44 32 99 51 예를들어 myNumber라는 배열의 3번째 인덱스의 값은 let myNumber = [5, 44, 32, 99, 51]; myNumber[3]; //99 [예제] 1. let fruits = [ 'banana', 'apple', 'pineapple' ]; ruits의 2번째 indexd의 값? fruits[2]; //pineapple fruits의 3번째 indexd의 값? fruits[3]; //undefined 2. let myNumber.. 2022. 7. 21.

티스토리툴바