솔루션이 포함된 가장 까다롭고 가장 어려운 자바스크립트 기술 인터뷰 질문입니다.

안녕하세요! 저는 Vishal Tiwari입니다. 몇 가지 어려운 자바스크립트 인터뷰 질문을 드리겠습니다.

1. 다음 코드의 출력은 무엇입니까?

console.log(typeof null); // Output?

답변:

출력:객체

설명: 이것은 JavaScript의 잘 알려진 특징입니다. typeof 연산자는 null이 객체가 아닌 경우에도 null에 적용될 때 "객체"를 반환합니다. 이 동작은 JavaScript가 구현된 방식으로 인해 발생하며 이전 버전과의 호환성을 위해 유지되었습니다.

---

2. 다음 코드의 출력은 무엇입니까?

console.log(0.1 + 0.2 === 0.3); // Output?

답변:

출력: false

설명: JavaScript(및 여러 프로그래밍 언어)에서 부동 소수점 연산이 작동하는 방식으로 인해 0.1 0.2는 정확히 0.3과 같지 않습니다. 대신 0.30000000000000004가 반환되어 비교가 false로 반환됩니다.

---

3. 다음 코드의 출력은 무엇입니까?

const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123; // What happens here?
console.log(a[b]); // Output?

답변:

출력: 123

설명: 다른 객체를 키(a[b])로 사용하여 객체에 속성을 설정하려고 하면 JavaScript는 객체 b를 문자열로 변환하여 "[object Object ]". 따라서 본질적으로 "[object Object]" 속성을 123으로 설정하고, a[b]를 기록하면 123이 반환됩니다.

---

4. 다음 코드의 출력은 무엇입니까?

const arr = [1, 2, 3];
arr[10] = 11;
console.log(arr.length); // Output?

답변:

출력: 11

설명: 배열의 현재 길이보다 큰 값을 인덱스에 할당하면(예: arr[10] = 11) JavaScript는 배열에 "빈 슬롯"을 생성합니다. 인덱스는 3부터 9까지입니다. 그러나 배열의 길이 속성은 가장 높은 인덱스에 1을 더한 값(이 경우 11)을 반영합니다.

---

5. 다음 코드의 출력은 무엇입니까?

let x = 1;
let y = 2;

const obj = {
    x: 10,
    y: 20,
    sum: function() {
        return this.x + this.y;
    }
};

console.log(obj.sum()); // Output?
console.log(obj.sum.call({ x: 100, y: 200 })); // Output?
console.log(obj.sum.apply({ x: 1000, y: 2000 })); // Output?

답변:

출력:

• 첫 번째 console.log: 30
• 두 번째 console.log: 300
• 세 번째 console.log: 3000

설명:

• obj.sum()은 obj의 this 컨텍스트를 사용하므로 10과 20을 더해 30을 반환합니다.
• obj.sum.call({ x: 100, y: 200 })은 call 메소드를 사용하여 이를 x 및 y 값이 각각 100과 200인 새 객체로 변경하고 300을 반환합니다.
• obj.sum.apply({ x: 1000, y: 2000 })는 Apply와 동일하게 수행되어 3000을 반환합니다.

---

6. 다음 코드의 출력은 무엇입니까?

console.log(1 + '1'); // Output?
console.log(1 - '1'); // Output?

답변:

출력:

• 첫 번째 console.log: '11'
• 두 번째 console.log: 0

설명:

• 1 '1'에서 JavaScript는 유형 강제 변환을 수행하여 숫자 1을 문자열로 변환하여 '11'이 됩니다.
• 1 - '1'에서 JavaScript는 문자열 '1'을 숫자로 변환하여 1 - 1, 즉 0이 됩니다.

---

7. 다음 코드의 출력은 무엇입니까?

console.log(typeof null); // Output?

답변:

출력: 출력은 foo가 호출되는 컨텍스트에 따라 다르지만 전역 컨텍스트에 있는 경우 전역 개체(브라우저의 창 또는 Node.js의 전역)를 기록합니다.

설명: 화살표 함수에서 this는 어휘적으로 바인딩됩니다. 즉, 주변 컨텍스트의 this 값을 사용합니다. 전역 범위에서 foo가 호출되면 전역 객체를 참조하게 됩니다.

---

8. 다음 코드의 출력은 무엇입니까?

console.log(0.1 + 0.2 === 0.3); // Output?

답변:

출력:

• 첫 번째 console.log: 1
• 두 번째 console.log: 2
• 세 번째 console.log: 2
• 네 번째 console.log: 1
• 다섯 번째 console.log: 1

설명: createCounter 함수는 자체 count 변수를 유지하는 클로저를 생성합니다. 각 메소드(증가, 감소, getCount)는 동일한 count 변수에 액세스하고 수정하여 일관된 동작을 제공합니다.

---

9. 다음 코드의 출력은 무엇입니까?

const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123; // What happens here?
console.log(a[b]); // Output?

답변:

출력: [99, 2, 3]

설명: JavaScript에서 배열(모든 객체와 마찬가지로)은 참조 유형입니다. b가 a에 할당되면 두 변수 모두 메모리의 동일한 배열을 가리킵니다. 따라서 b를 수정하면 a에 영향을 줍니다.

---

10. 다음 코드의 출력은 무엇인가요?

const arr = [1, 2, 3];
arr[10] = 11;
console.log(arr.length); // Output?

답변:

출력: 3

설명: 이 예에서 내부 함수에는 외부 함수의 변수를 숨기는 자체 변수가 있습니다. inner 내에서 console.log(a)를 호출하면 inner에 정의된 a, 즉 3을 참조합니다.

11. 다음 코드의 출력은 무엇입니까?

let x = 1;
let y = 2;

const obj = {
    x: 10,
    y: 20,
    sum: function() {
        return this.x + this.y;
    }
};

console.log(obj.sum()); // Output?
console.log(obj.sum.call({ x: 100, y: 200 })); // Output?
console.log(obj.sum.apply({ x: 1000, y: 2000 })); // Output?

답변:

출력: { a: 1, b: 3, c: 4 }

설명: Object.sign() 메서드는 하나 이상의 소스 객체(obj1 및 obj2)에서 모든 열거 가능한 속성 값을 대상 객체(빈 객체 {})에 복사합니다. 여러 소스 개체에 동일한 속성이 있는 경우 마지막 속성이 우선 적용됩니다. 따라서 obj2의 b: 3이 obj1의 b: 2를 덮어씁니다.

---

12. 다음 코드의 출력은 무엇인가요?

console.log(1 + '1'); // Output?
console.log(1 - '1'); // Output?

답변:

출력: 정의되지 않음

설명: JavaScript는 줄 바꿈이 있는 경우 return 문 뒤에 자동으로 세미콜론을 삽입합니다. 따라서 정의되지 않은 것을 반환하는 return;으로 해석됩니다. 객체를 반환하려면 여는 중괄호 {를 return 키워드와 같은 줄에 넣어야 합니다.

---

13. 다음 코드의 출력은 무엇입니까?

console.log(typeof null); // Output?

답변:

출력: 정의되지 않음

설명: foo 함수 내의 변수 x는 호이스팅되지만 var x = 2; 할당이 완료될 때까지 초기화되지 않습니다. 따라서 console.log(x); 실행하면 로컬 x가 선언되었지만 아직 할당되지 않았으므로 undefound가 출력됩니다.

---

14. 다음 코드의 출력은 무엇입니까?

console.log(0.1 + 0.2 === 0.3); // Output?

답변:

출력: 99

설명: a와 b는 모두 메모리의 동일한 배열을 참조합니다. b[0]을 수정하면 둘 다 동일한 배열을 참조하므로 a[0]도 수정하게 됩니다.

---

15. 다음 코드의 출력은 무엇입니까?

const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123; // What happens here?
console.log(a[b]); // Output?

답변:

• 첫 번째 console.log: "123"
• 두 번째 console.log: "33"

설명:

• 1 "2" "3"에서 JavaScript는 1을 문자열로 변환하고 연결하여 "12"와 "123"을 차례로 얻습니다.
• 1 2 "3"에서 JavaScript는 먼저 3(숫자)과 같은 1 2를 평가한 다음 "3"을 연결하여 "33"이 됩니다.

---

16. 다음 코드의 출력은 무엇입니까?

const arr = [1, 2, 3];
arr[10] = 11;
console.log(arr.length); // Output?

답변:

출력: []

설명: 배열의 길이 속성을 0으로 설정하면 배열이 효과적으로 지워집니다. 따라서 arr은 이제 빈 배열입니다.

---

17. 다음 코드의 출력은 무엇입니까?

let x = 1;
let y = 2;

const obj = {
    x: 10,
    y: 20,
    sum: function() {
        return this.x + this.y;
    }
};

console.log(obj.sum()); // Output?
console.log(obj.sum.call({ x: 100, y: 200 })); // Output?
console.log(obj.sum.apply({ x: 1000, y: 2000 })); // Output?

답변:

출력: 2

설명: 내부 함수는 호출될 때 자체 변수 2를 갖습니다. innerFunc()를 호출하면 inner 내의 지역 변수 a를 참조하므로 2를 기록합니다.

---

18. 다음 코드의 출력은 무엇입니까?

console.log(1 + '1'); // Output?
console.log(1 - '1'); // Output?

답변:

출력: 3

설명: c 메소드는 obj에서 호출되므로 메소드 내부의 이는 obj를 참조합니다. 따라서 obj.a와 obj.b의 합이 3이 출력됩니다.

---

19. 다음 코드의 출력은 무엇입니까?

const foo = () => {
    console.log(this);
};

foo(); // Output?

답변:

• 첫 번째 console.log: false
• 두 번째 console.log: 참

설명:

• 첫 번째 문은 부동 소수점 정밀도 문제로 인해 false를 반환합니다(0.1 0.2는 0.30000000000000004와 같음).
• 두 번째 문은 toFixed(1)를 사용하여 0.1 0.2를 0.3으로 반올림한 후 다시 숫자로 변환하여 결과적으로 0.3 === 0.3을 비교하며 이는 참입니다.

---

20. 다음 코드의 출력은 무엇인가요?

console.log(typeof null); // Output?

답변:

출력: 전역 객체(또는 엄격 모드에서는 정의되지 않음)

설명: 비엄격 모드에서 전역 컨텍스트에서 호출되는 함수 내부의 this 값은 전역 개체(예: 브라우저의 창 또는 Node.js의 전역)입니다. 엄격 모드에서는 정의되지 않습니다.

21. 다음 코드의 출력은 무엇입니까?

console.log(0.1 + 0.2 === 0.3); // Output?

답변:

• 첫 번째 console.log: 2
• 두 번째 console.log: 1

설명:

• Object.sign(obj3, obj2)는 ​​obj2의 속성을 obj3으로 복사하므로 obj3.a는 2가 됩니다.
• obj3.__proto__는 값이 1인 a 속성을 갖는 obj1을 참조합니다.

---

22. 다음 코드의 출력은 무엇입니까?

const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123; // What happens here?
console.log(a[b]); // Output?

답변:

출력: 3

설명: 내부 함수에서 a는 외부에 정의된 변수를 참조합니다. inner가 호출되면 a가 2에서 3으로 증가하여 기록됩니다.

---

23. 다음 코드의 출력은 무엇입니까?

const arr = [1, 2, 3];
arr[10] = 11;
console.log(arr.length); // Output?

답변:

출력: 안녕하세요, 제 이름은 정의되지 않았습니다

설명: 문맥 없이(즉, 사람의 메서드가 아닌) Greeting이 호출되는 경우 이는 사람에 구속되지 않습니다. Non-Strict 모드에서는 기본값이 전역 객체이고, 전역 객체에 name이 정의되어 있지 않기 때문에 undefound로 기록됩니다.

---

24. 다음 코드의 출력은 무엇입니까?

let x = 1;
let y = 2;

const obj = {
    x: 10,
    y: 20,
    sum: function() {
        return this.x + this.y;
    }
};

console.log(obj.sum()); // Output?
console.log(obj.sum.call({ x: 100, y: 200 })); // Output?
console.log(obj.sum.apply({ x: 1000, y: 2000 })); // Output?

답변:

• 첫 번째 console.log: true
• 두 번째 console.log: 참

설명:

• console.log([1] == true)의 경우 배열 [1]이 기본 유형으로 변환되어 1이 되고 1 == true가 true가 됩니다.
• console.log([0] == false)의 경우 배열 [0]은 0으로 변환되고 0 == false도 true입니다.

---

25. 다음 코드의 출력은 무엇입니까?

console.log(1 + '1'); // Output?
console.log(1 - '1'); // Output?

답변:

• 첫 번째 foo(): 1
• 두 번째 foo(): 2
• 세 번째 foo(): 3

설명: foo 함수는 foo가 호출될 때마다 증가하는 count 변수 주위에 클로저를 유지하여 호출 전반에 걸쳐 상태를 유지합니다.

---

26. 다음 코드의 출력은 무엇입니까?

console.log(typeof null); // Output?

답변:

출력:

• 첫 번째 console.log(a): 1
• 두 번째 console.log(b): 2
• 세 번째 console.log(c): 3

설명: a는 폐쇄로 인해 두 번째 함수에서 액세스할 수 있습니다. b는 처음에 정의된 대로 액세스 가능합니다. c는 두 번째에 대해 로컬이므로 세 변수가 모두 올바르게 기록됩니다.

---

27. 다음 코드의 출력은 무엇입니까?

console.log(0.1 + 0.2 === 0.3); // Output?

답변:

출력: 3

설명: 호출 메소드는 이렇게 newObj로 increment를 호출하므로 this.num은 newObj.num을 참조합니다. 증분 연산은 newObj.num을 2에서 3으로 변경합니다.

---

28. 다음 코드의 출력은 무엇입니까?

const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123; // What happens here?
console.log(a[b]); // Output?

답변:

출력:

const arr = [1, 2, 3];
arr[10] = 11;
console.log(arr.length); // Output?

설명: setTimeout 함수는 호이스팅으로 인해 모두 동일한 i 변수를 참조합니다. 시간 초과가 실행되면 i는 이미 4로 증가되어 4가 세 번 기록됩니다.

---

29. 다음 코드의 출력은 무엇입니까?

let x = 1;
let y = 2;

const obj = {
    x: 10,
    y: 20,
    sum: function() {
        return this.x + this.y;
    }
};

console.log(obj.sum()); // Output?
console.log(obj.sum.call({ x: 100, y: 200 })); // Output?
console.log(obj.sum.apply({ x: 1000, y: 2000 })); // Output?

답변:

• 배열: [1, 2, 3]
• 새로운 배열: [2, 3, 4]

설명: 지도 기능은 각 항목에 적용된 변환을 기반으로 새 배열을 생성합니다. 원래 배열은 변경되지 않고 그대로 유지되며 newArray는 증분을 반영합니다.

---

30. 다음 코드의 출력은 무엇입니까?

console.log(1 + '1'); // Output?
console.log(1 - '1'); // Output?

답변:

출력: 출력은 foo가 호출되는 컨텍스트에 따라 다르지만 전역 컨텍스트에 있는 경우 전역 개체(브라우저의 창 또는 Node.js의 전역)를 기록합니다.

설명: 화살표 함수에서 this는 어휘적으로 바인딩됩니다. 즉, 주변 컨텍스트의 this 값을 사용합니다. 전역 범위에서 foo가 호출되면 전역 객체를 참조하게 됩니다.

---

31. 다음 코드의 출력은 무엇입니까?

const foo = () => {
    console.log(this);
};

foo(); // Output?

답변:

출력: 42

설명: 내부 함수는 화살표 함수로, 이를 메서드 함수의 컨텍스트에 어휘적으로 바인딩합니다. 따라서 this.value는 obj.value, 즉 42를 참조합니다.

---

32. 다음 코드의 출력은 무엇입니까?

function createCounter() {
    let count = 0;
    return {
        increment: function() {
            count++;
            return count;
        },
        decrement: function() {
            count--;
            return count;
        },
        getCount: function() {
            return count;
        }
    };
}

const counter = createCounter();
console.log(counter.increment()); // Output?
console.log(counter.increment()); // Output?
console.log(counter.getCount());  // Output?
console.log(counter.decrement()); // Output?
console.log(counter.getCount());  // Output?

답변:

출력: ReferenceError

설명: 변수 x는 myFunction 내에 호이스팅됩니다. 즉, 함수 범위에 존재하지만 console.log(x) 이후까지 초기화되지 않습니다. x 변수가 선언되기 전에 액세스되기 때문에 ReferenceError가 발생합니다.

---

33. 다음 코드의 출력은 무엇입니까?

console.log(typeof null); // Output?

답변:

출력: 안녕하세요 정의되지 않음

설명: 명시적인 컨텍스트 없이 Greeting이 호출되면 이는 obj를 참조하지 않으므로 this.name이 정의되지 않습니다.

---

34. 다음 코드의 출력은 무엇입니까?

console.log(0.1 + 0.2 === 0.3); // Output?

답변:

출력: 숫자

설명: JavaScript에서 NaN(Not-a-Number)은 숫자 유형으로 간주되며 NaN 유형은 "숫자"를 반환합니다.

---

35. 다음 코드의 출력은 무엇입니까?

const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123; // What happens here?
console.log(a[b]); // Output?

답변:

출력: [1, 2, 3, 4]

설명: a와 b는 모두 메모리의 동일한 배열을 참조합니다. 4를 b에 밀어넣으면 a에도 영향을 줍니다.

위 내용은 솔루션이 포함된 가장 까다롭고 가장 어려운 자바스크립트 기술 인터뷰 질문입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!