본문 바로가기

JS13

constructor, prototype 연습문제 Q1. 다음 코드의 출력 결과는? function Parent() { this.name = 'Kim'; } var a = new Parent(); a.__proto__.name = 'Park'; console.log(a.name); 답: 더보기 Kim Q2. 모든 array에 적용할 수 있는 함수를 직접 새로 만들려면 어떻게 해야할까요? var arr = [1,2,3]; arr.remove3(); console.log(arr); //[1,2] 답: var arr = [1, 2, 3]; Array.prototype.remove3 = function (element) { for (var i = 0; i < this.length; i++) { if (this[i] === 3) { this.splice(i, 1.. 2024. 2. 24.
Spread, rest 파라미터 연습문제 Q1. 아래 코드의 출력 결과는? var a = [1,2,3]; var b = '김밥'; var c = [...b, ...a]; console.log(c); 답: 더보기 ['김', '밥', 1, 2, 3] Q2. 대괄호가 가득한 아래 코드의 결과는? var a = [1,2,3]; var b = ['you', 'are']; var c = function(a,b){ console.log( [[...a], ...[...b]][1] ) } c(a,b); 답: 더보기 you Q3. 아래 코드의 출력 결과는? function 함수(a = 5, b = a * 2 ){ console.log(a + b); return 10 } 함수(3); 답: 더보기 9 Q4. 아래 코드의 출력 결과는? function 함수(a = 5.. 2024. 2. 24.
변수 퀴즈 JS의 호이스팅이 뭔지 알고 있나? 더보기 호이스팅 같은 경우는 아래와 같이 코드가 있을 때 코드를 해석하는 순간, var 이름을 먼저 초기화하고 그 다음에 값을 입력하는 것. function 함수(){ console.log('hello'); var 이름 = 'Kim'; } (아래와 같이 해석) function 함수(){ var 이름; // 2024. 2. 23.
this & arrow function 퀴즈 해당 퀴즈의 중점은 function의 사용방법으로 인해서 변하게 되는 this의 의미를 잘 구분하는 것이 포인트이다. 해당 개념을 잘 구분할 수 있다면 아래 문제를 풀수 있을 것! Q. 이 this는 출력하면 뭐가 나올까요? var 오브젝트2 = { data : { 간지함수 : function(){ console.log(this) } } } 오브젝트2.data.간지함수(); 답은 console창에 쳐보는 걸로. 더보기 window Q.이벤트리스너 안에서 콜백함수를 쓴다면 this는? document.getElementById('버튼').addEventListener('click', function(e){ var 어레이 = [1,2,3]; 어레이.forEach(function(){ console.log(t.. 2024. 2. 21.

티스토리툴바