Javascript26 [javascript] spread 펼쳤다.. 접었다... spread 객체에서의 spread spread는 펼치다의 의미를 갖고 있다. 이 문법을 사용하면 객체 혹은 배열을 펼칠 수가 있다. const slime = { name: "슬라임" }; const cuteSlime = { name: "슬라임", attribute: "cute" }; const purpleCuteSlime = { name: "슬라임", attribute: "cute", color: "purple" }; console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); // {name: "슬라임"} // {name: "슬라임", attribute: "cute"} // {name: "슬라임", attr.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - es6 클래스 예제 요즘 javascript 공부하는 게 재밌는 것 같다. + 20220322의 홍두현이 과거에 홍두현에게 "그거 아니야..... 제발 정신 차려..." Food 예제 이번 예제에서는 음식과 음식점, 그리고 위치를 class로 나타내는 예제를 만들어 보려고 한다. 먼저 class를 만들어주고 작성할 때는 앞을 무조건 대문자로 해준다. class를 만들었으면 그 안에 constructor 즉, 생성자를 만들어주고 파라미터에 내가 넣고 싶은 값을 넣는다. class Food { constructor(name) { this.name = name; this.locations = []; this.brands = []; } } 예시를 Food로 했기 때문에 pizza 와 chicken으로 해보겠다. 표현할 값들은 na.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - es6 class 오늘은 어깨운동을 했다. 나도 남들처럼 어깨에 코코넛 하나씩 달고 다니고 싶다. 원래 Class는 C++ java C# php 등 다른 언어에는 있었지만 javascript에는 없다가 es6문법이 나오면서 생기게 되었다. 이전 프로토타입 객체 상속받기에서 했던걸 es6문법을 통해 좀 더 간결하게 작업을 해보려 한다. 사용하려는 문법은 Class이며 이를 통해 좀 더 알기 쉬운 문법으로 바꿔보자. class Animal { constructor(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } say() { console.log(this.sound); } } const dog = new Animal("개", "멍멍이.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - 객체 생성자 상속받기 prototype은 무엇인가.... 상속을 왜 받는가... 에 대한 고찰 일단 개념정리는 해놓자 예를 들어 Cat과 Dog라는 새로운 객체 생성자를 만든다고 가정해 보자. 그리고 해당 객체 생성자들에서 Animal의 기능을 재사용하려면 아래 코드처럼 할 수 있다. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } Animal.prototype.say = function() { console.log(this.sound); }; Animal.prototype.sharedValue = 1; function Dog(name, sound) { Animal.call(this, '개', name, .. 2023. 1. 16. 이전 1 2 3 4 5 6 7 다음 반응형
