🟨 JavaScript/개념

[mdn, 드림코딩 외] 객체(Object)와 프로퍼티(property) (3) : computed properties

computed properties 접근 noran.name noran['name']; // computed properties ['name'] 형태로 받아오는 key는 string타입이어야 한다. key 추가 noran['hasjob'] = true; 어떨때 computed properties를 쓰고/쓰지 않을까? noran.name 형태는 코딩하는 순간 실시간으로 key에 해당하는 값을 받아오고 싶을 때 쓴다. noran['name'] 형태는 runtime에서 결정되는 key (어떤 key를 받아올지 모를 때)일 때 쓴다. computed properties를 쓰는 상황 예시 function Goodcoder(obj, key) { console.log(obj.key); } printValue(nora..

[mdn, 드림코딩 외] 객체(Object)와 프로퍼티(property) (2) : 생성/수정과 cloning

https://sunshineyellow.tistory.com/17?category=1037372 [코딩앙마 외] 객체(Object)와 프로퍼티(property) 객체(Object) key와 value로 이루어질 수 있다. 1. 함수표현식 const goodCoder = function(name, age, coding) { name : 'Noran', age : 20, coding : function(){ console.log('화이팅!'); } } name : 'Noran',.. sunshineyellow.tistory.com https://sunshineyellow.tistory.com/18?category=1037372 [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수 객체를 생성하는..

[mdn, 드림코딩 외] 객체지향 (5) : instanceOf 연산자

instanceOf 연산자(operator) instanceOf 연산자는 생성자의 프로토타입 속성이 객체의 프로토타입 체인에 존재하는지 판별하여 true 나 false를 뱉는다. class Goodcoder { constructor(age, lang, address) { this.age = age; this.lang = lang; this.address = address; } } const noran = new Goodcoder(20,'Java','Seoul'); console.log(noran instanceof Goodcoder); //true console.log(paran instanceof Goodcoder); //Uncaught ReferenceError: paran is not defined..

[mdn, 드림코딩 외] 객체지향 (4) : 클래스의 상속 (sub classing)

클래스의 상속 (sub classing) class Goodcoder { constructor(age, lang, address) { this.age = age; this.lang = lang; this.address = address; } coding() { console.log(`내가 공부중인 언어는 ${this.lang}입니다.`) } } 이 아래에 새로운 클래스를 만들고 싶은데, class Goodcoder의 값을 상속시키고 싶다면 extends를 넣어 간단하게 처리할 수 있다. class Employee extends Goodcoder {} 이렇게 새 클래스를 만들어 extends로 상속을 하면, 새로운 클래스에 이전 클래스 값들이 상속된다. const noran = new Employee(20..

[mdn, 드림코딩 외] 객체지향 (3) : 정적 속성과 메소드(static properties and methods)

정적 속성과 메소드(static properties and methods) static 키워드를 붙이면 프로퍼티나 메소드가 인스턴스화되지 않고 클래스 자체에 붙는다. class goodCoder { static codername = 'noran'; constructor(coderNumber) { this.coderNumber = coderNumber; } static printCoder() { console.log(goodCoder.codername); } } const coder1 = new goodCoder(1); const coder2 = new goodCoder(2); console.log(coder1.codername); //undefined 위 코드에서 console.log(coder1.cod..

[mdn, 드림코딩 외] 객체지향 (2) : 객체(object)와 getter and setter

객체(object) https://sunshineyellow.tistory.com/17 [코딩앙마 외] 객체(Object)와 프로퍼티(property) 객체(Object) key와 value로 이루어질 수 있다. 1. 함수표현식 const goodCoder = function(name, age, coding) { name : 'Noran', age : 20, coding : function(){ console.log('화이팅!'); } } name : 'Noran',.. sunshineyellow.tistory.com 위 글에서 잠깐 짚고 넘어간 객체를 클래스와 함께 심화학습한다. class Goodcoder { //constructor constructor(name, age) { this.name = ..