JavaScript31 JavaScript 기초(27)_클래스(2) property 1. 멤버 변수 (객체의 프로퍼티) 우선, 생성자(constructor)를 통해서 프로퍼티를 다음과 같이 할당할 수 있다. class A { constructor(name, age){ this.name = name; this.age = age; } } console.log(new A('Kim', 31)); [Running] A { name: 'Kim', age: 31 } 조금 더 간단한 방법은 없을까? 다음 코드를 살펴보자. class B { name = 'Kim'; age = 31; } [Running] B { name: 'Kim', age: 31 } 위와 같이 바로 'name' 과 'age'를 할당하는 방법이다. 그렇다면 아래와 같은 코드는 어떻게 작동할까? class C { name = 'no na.. 2021. 10. 24. JavaScript 기초(26)_클래스(1) constructor 1. 클래스 : 객체를 만들 수 있는 새로운 방법 클래스를 만드는 방식은 크게 2가지가 있다. 첫 번 째는 선언적 방식이다. 아래의 코드를 참고하자 class A {} console.log(new A()); [Running] A {} class로 직접 선언하는 방식이며 출력할 때는 'new'를 덧붙여 함수를 호출하듯이 활용하면 된다. 두 번 째는 변수에 할당하는 방식이다. const B = class {}; console.log(new B()); [Running] B {} 변수 B에다가 클래스를 할당하여 위와 같이 출력하였다. 선언적 방식으로 표현이 가능하다면 클래스에는 과연 호이 스팅이 일어날까? new C(); class C {} Running] new C(); ^ ReferenceError: Can.. 2021. 10. 23. JavaScript 기초(25)_객체(5) 1. 표준 내장 객체 : 자바스크립트 자체에 내장되어있는 객체이다. MDN 검색하여 참고하면서 사용하시면 된다. 아래는 대표적인 몇 가지 표준 내장 객체를 소개하고자 한다. Array 객체 const a = new Array('red', 'blue', 'green'); console.log(a, typeof a); console.log(a instanceof Array); console.log(a instanceof Object); [Running] [ 'red', 'blue', 'green' ] object true true 'instanceof'를 통해 'Array' 객체뿐만이 아닌 'Object' 객체와 체인 관계를 알 수 있다. 또한 아래와 같이 객체 리터럴 형식으로도 똑같이 나타낼 수 있다. c.. 2021. 10. 22. JavaScript 기초(24)_객체(4) 1. 객체 리터럴 (Object Literal) : '객체를 직접 써서 만든다'는 의미이다. 아래의 예시 코드들을 통해 알아보자. const a = {}; console.log(a, typeof a); const b = { name : 'Kim' }; console.log(b, typeof b); [Running] {} object { name: 'Kim' } object 변수 a는 빈 객체이다. 변수 b는 name이 'Kim'인 객체이다. 두 객체 모두 중괄호로 직접 써서 객체를 만들었다. 위처럼 단순한 형태의 객체 말고 함수가 포함된 객체도 '직접 써서'(객체 리터럴 형태로) 아래와 같이 나타낼 수 있다. const c = { name : 'Kim', hello1(){ console.log('hell.. 2021. 10. 21. 이전 1 2 3 4 5 ··· 8 다음
