본문 바로가기

JavaScript23

JavaScript: 생성자를 이용한 이벤트 사용법 1. addEventListener에 생성자를 선언할때, 객체를 식(x/y)같은 형태로 선언할 수 있다. 이걸 이용해서 클릭할 때 마다 위치가 있는 객체를 생성하고, 거기에 무언가를 나타나게 할 수 있다. 2. prototype을 재정의하면서 새로운 메서드를 만들어, 어떠한 상태가 일어났을 때, 생성자함수로 만들어지는 객체의 클래스를 더할 수 있다. 3. 스코프로인해 this가 window를 가리키게 되었을 때, 가리키고싶은 것이 window가 아닌 그 이전 거라면, window를 가리키기 전 위에서 this를 선언한다.(const) 2020. 5. 24.
JavaScript: forEach forEach는 for문을 좀 더 간편하게 쓸 수 있는 메서드이다. const arr = ["a", "b", "c", "d", "e"]; const newArr = []; arr.forEach(function (value) { newArr.push(value); console.log(newArr); }); 브라우저 확인결과는 다음과 같다. 2020. 5. 23.
JavaScript: call call 메서드는 이미 선언된 생성자, 또는 함수를 다시 불러서 이용할 때 이용한다. Tool이라는 생성자를 만들고, Hammer와 wrench를 call로 만든다음, 새로운 객체를 선언한다. function Tool(code, price) { this.code = code; this.price = price; } function Hammer(code, price) { Tool.call(this, code, price); //Tool을 부른다. } function Wrench(code, price) { Tool.call(this, code, price); //Tool을 부른다. } var redHammer = new Hammer("3423", 35000); var blueWrench = new Wrenc.. 2020. 5. 22.
JavaScript: push, pop push : 배열 안에 추가할 때 const myPen = ["pink", "red", "black", "blue"]; myPen.push("green", "brown"); console.log(myPen); 실행결과는 이렇다. pop : 배열에서 뺄 때 (뒤에서 부터) const myPen = ["pink", "red", "black", "blue"]; for (let i = 0; i black -> red 순으로 찍힐 것이다. 그러나 이것은 for문 안에서 돌린것이기 때문에 newPen이 생성된 것은 아니다. 만약 newPen도 배열로 만들고 싶다면, const myPen = ["pink", "red", "black", "blue"]; const newPen = []; for (let i = 0; i 2020. 5. 20.