Javascript/객체 5

Javascript --> getter와 setter 함수

1. Get 함수 const numbers = { a: 1, b: 2, get sum() { console.log("sum 함수가 실행됩니다!"); return this.a + this.b; } }; console.log(numbers.sum); numbers.b = 5; console.log(numbers.sum); //출력값 sum 함수가 실행됩니다! 3 sum 함수가 실행됩니다! 6 2. Set함수 변수앞에 언더바를 붙힌 이유는 set함수와 겹치지 않기 위해서 만들었습니다. const dog = { _name: "멍멍이", set name(value) { console.log("이름이 바뀝니다."); this._name = value; } }; console.log(dog._name); dog.na..

Javascript/객체 2021.01.31

Javascript 객체 안에 함수 넣는방법 feat.화살표함수

총 3가지 방법이 있습니다. 1. say: function say() const dog = { name: "멍멍이", sound: "멍멍!", say: function say() { console.log(this.sound); } }; dog.say(); 2. say: function () const dog = { name: "멍멍이", sound: "멍멍!", say: function() { console.log(this.sound); } }; dog.say(); 3. say() const dog = { name: "멍멍이", sound: "멍멍!", say() { console.log(this.sound); } }; dog.say(); **주의점!** 화살표함수를 사용하면 작동이 되지 않습니다. co..

Javascript/객체 2021.01.31

class, constructor

1-1 선언 방식 class A{} console.log(new A()); 1-2 class 표현식을 변수에 할당 const B = class {}; console.log(new B()); 1-3 선언적 방식이지만 호이스팅은 일어나지 않는다. new C(); class C{} -----------> 작동되지 않는다. constructor class A{} console.log(new A()); class B { constructor(){ console.log('constructor'); } } console.log(new B()); class C { constructor(name, age){ console.log('constructor', name, age); } } console.log(new C('M..

Javascript/객체 2021.01.26

Object

함수, 클래스 (틀) => 객체, 개체, object 생성자 함수로 객체 만들기 function 틀() {} => new 틀() function B(name, age){ console.log(name, age); } const b = new B(); const c = new B('nana', 21); console.log(B()); //출력 undefined undefined nana 21 undefined undefined undefined 객체에 속성 추가하기 property 값을 속성으로 넣기 function A(){ this.name = "Mark"; } const a = new A(); console.log(a); //출력 A {name: "Mark"} 함수를 속성으로 넣기 function B(..

Javascript/객체 2021.01.26

객체 지향 프로그램으로 하기

1. 객체 지향 프로그램 작성법 const dog = { name : '멍멍이', age : 2 }; console.log(dog.name, dog.age); **주의사항** const dog = { name: '멍멍이', age: 2, 'key with space': 'asdf' }; 다음과 같이 key값이 띄어쓰기칸이 있는 문자열로 선언하려면 따옴표를 넣어주어야 한다. 2. 객체 지향 - 비구조화 할당 (객체분해) const dog = { name : '멍멍이', age : 2 }; function print(animal){ const{name, age} = animal; const text = '강아지의 이름은 ' + name + '이고 나이는 ' + age + '살 입니다'; console.log..

Javascript/객체 2020.08.02