가짜를 없애고 진짜를 유지하기 위한 7가지 JavaScript 인터뷰 질문

면접 전에 물어봐야 할 다음 7가지 JavaScript 면접 질문입니다. 그렇지 않으면 시간이 낭비될 가능성이 높습니다.
1. 자바스크립트 객체를 생성하는 두 가지 방법은 무엇인가요?
JavaScript를 사용해 본 적이 있다면 매우 간단한 질문입니다. 적어도 한 가지 방법을 알아야 합니다. 하지만 그럼에도 불구하고, 내 경험상 자바스크립트 프로그래머라고 주장하는 사람들 중 이 질문에 어떻게 대답해야 할지 모르겠다고 말하는 사람들도 많이 있습니다.

• 함수를 호출하려면 "new" 키워드를 사용하세요.

• 중괄호 열기/닫기.

var o = {};
"새 키워드는 언제 개체를 생성합니까?"라고 계속 질문할 수도 있습니다. 그러나 저는 단지 일부 사람들을 제거하고 싶기 때문에, 그래서 이런 질문은 실제 면접 때까지 기다리겠습니다.

관련 기사 추천: 2020년 가장 완벽한 js 면접 질문 모음(최신)

2. How 배열을 만들려면?
'객체를 어떻게 생성하는가'와 같은 수준의 질문입니다. 그러나 첫 번째 질문에는 답을 할 수 있지만 이 질문에는 답을 하지 못하는 사람들도 있습니다.
다음 코드를 사용하여 간단하게 배열을 생성하세요.
var myArray = new Array();
배열 생성은 매우 복잡한 과정입니다. 하지만 대괄호를 사용하여 후보자의 답변을 듣고 싶습니다.
var myArray = [];
물론 JavaScript 배열에서 중복 요소를 효율적으로 제거하는 방법 등 다른 질문을 계속할 수 있지만 후보자가 적합한지 여부만 알면 되므로 더 자세히 관찰해 보면 배열에 대한 질문은 여기서 마치겠습니다.

JavaScript 배열에서 중복 요소를 효율적으로 삭제하는 방법에 대해 이야기해 보겠습니다. js에서 배열 중복 제거를 구현하는 방법에 대한 5가지 방법입니다.

구체적인 방법 소개:
1) 배열 순회 방법
중복을 제거하는 가장 간단한 방법 구현 아이디어: 새 배열을 만들고, 들어오는 배열을 순회하고, 그렇지 않은 경우 값을 추가합니다. 참고: 값이 배열에 있는지 확인하는 "indexOf" 메서드는 IE8 이하에서는 지원되지 않습니다. 브라우저의 소스 코드는 다음과 같습니다.

// 最简单数组去重法
function unique1(array){
 var n = []; //一个新的临时数组
 //遍历当前数组
 for(var i = 0; i < array.length; i++){
  //如果当前数组的第i已经保存进了临时数组，那么跳过，
  //否则把当前项push到临时数组里面
  if (n.indexOf(array[i]) == -1) n.push(array[i]);
 }
 return n;
}
// 判断浏览器是否支持indexOf ，indexOf 为ecmaScript5新方法 IE8以下（包括IE8， IE8只支持部分ecma5）不支持
if (!Array.prototype.indexOf){
 // 新增indexOf方法
 Array.prototype.indexOf = function(item){
  var result = -1, a_item = null;
  if (this.length == 0){
   return result;
  }
  for(var i = 0, len = this.length; i < len; i++){
   a_item = this[i];
   if (a_item === item){
    result = i;
    break;
   }
  }
  return result;
 }
}

2) 객체 키-값 페어링 방법
이 방법은 다른 방법보다 실행 속도가 빠르지만 메모리를 많이 차지합니다. 아이디어: 새로운 js 객체와 새로운 배열을 생성하고, 들어오는 배열을 순회할 때 그 값이 js 객체의 키인지 판단하고, 그렇지 않다면 해당 키를 객체에 추가하고 새로운 배열에 넣습니다. 참고: js 객체 키인지 확인할 때 "toString()"은 수신 키에서 자동으로 실행됩니다. 예를 들어 a[1], a["1"]과 같이 다른 키가 동일한 것으로 오해될 수 있습니다. 위의 문제를 해결하려면 여전히 "indexOf"를 호출해야 합니다.

// 速度最快， 占空间最多（空间换时间）
function unique2(array){
 var n = {}, r = [], len = array.length, val, type;
  for (var i = 0; i < array.length; i++) {
    val = array[i];
    type = typeof val;
    if (!n[val]) {
      n[val] = [type];
      r.push(val);
    } else if (n[val].indexOf(type) < 0) {
      n[val].push(type);
      r.push(val);
    }
  }
  return r;
}

3) 배열 인덱스 판단 방법
은 여전히 ​​"indexOf"를 호출해야 합니다. 성능은 방법 1과 유사합니다. 구현 아이디어: i번째 항목이 현재 배열이 현재 배열에 한 번 나타나는 위치가 i가 아닌 경우 i번째 항목이 반복되어 무시된다는 의미입니다. 그렇지 않으면 결과 배열을 저장합니다.

function unique3(array){
 var n = [array[0]]; //结果数组
 //从第二项开始遍历
 for(var i = 1; i < array.length; i++) {
  //如果当前数组的第i项在当前数组中第一次出现的位置不是i，
  //那么表示第i项是重复的，忽略掉。否则存入结果数组
  if (array.indexOf(array[i]) == i) n.push(array[i]);
 }
 return n;
}

4) 정렬 후 인접 제거 방법
네이티브 배열의 "정렬" 방법의 정렬 결과는 그다지 신뢰할 수는 없지만, 그렇지 않은 중복 제거에는 단점이 없습니다. 주문에 주의하세요. 구현 아이디어: 들어오는 배열을 정렬 후 동일한 값이 인접하도록 정렬한 다음 순회 시 이전 값과 중복되지 않는 값만 새 배열에 추가합니다.

// 将相同的值相邻，然后遍历去除重复值
function unique4(array){
 array.sort();
 var re=[array[0]];
 for(var i = 1; i < array.length; i++){
  if( array[i] !== re[re.length-1])
  {
   re.push(array[i]);
  }
 }
 return re;
}

5) 배열 순회 방법 최적화
이 방법의 구현 코드는 매우 훌륭합니다. 중복 없이 가장 오른쪽 값을 가져옵니다. 새로운 배열로. (중복된 값이 감지되면 현재 루프가 종료되고 최상위 루프의 다음 라운드 판단에 들어갑니다)

// 思路：获取没重复的最右一值放入新数组
function unique5(array){
 var r = [];
 for(var i = 0, l = array.length; i < l; i++) {
  for(var j = i + 1; j < l; j++)
   if (array[i] === array[j]) j = ++i;
  r.push(array[i]);
 }
 return r;
}

3.
이 질문은 좀 더 어려운 질문이므로 상대방에게 답변을 요구하지 않습니다. 그러나 이 질문은 지원자의 기술적 숙련도를 판단하는 빠른 방법입니다. 지원자가 주장하는 대로 프로그래밍 언어를 실제로 이해하고 있습니까?
변수 승격이란 범위에서 변수가 선언된 위치에 관계없이 JavaScript 엔진이 이 선언을 범위의 맨 위로 이동한다는 것을 의미합니다. 특정 줄에 변수를 할당하는 등 함수 중간에 변수를 선언하는 경우:

function foo()
{
 // 此处省略若干代码
 var a = "abc";
}

코드는 실제로 다음과 같이 실행됩니다.

function foo()
{
 var a;
 // 此处省略若干代码
 a = "abc";
}

4. 전역 변수의 위험은 무엇이며, 내 코드를 간섭으로부터 보호하려면 어떻게 해야 하나요?
전역 변수의 위험은 다른 사람이 동일한 이름의 변수를 만든 다음 사용 중인 변수를 덮어쓸 수 있다는 것입니다. 이것은 어떤 언어에서든 골칫거리입니다.
예방하는 방법은 다양합니다. 가장 일반적인 방법은 다른 모든 변수를 포함하는 전역 변수를 만드는 것입니다.
var applicationName = {};
그런 다음 전역 변수를 만들어야 할 때마다 개체에 연결하기만 하면 됩니다.
applicationName.myVariable = "abc";
또 다른 방법은 모든 코드를 자동으로 실행되는 함수로 캡슐화하여 선언된 모든 변수가 함수 범위 내에서 선언되도록 하는 것입니다.

(function(){
 var a = "abc";
})();

在现实中，这两种方法你可能都会用到。
5.如何通过JavaScript对象中的成员变量迭代？

for(var prop in obj){
 // bonus points for hasOwnProperty
 if(obj.hasOwnProperty(prop)){
  // do something here
 }
}

6.什么是闭包（Closure）？
闭包允许一个函数定义在另一个外部函数的作用域内，即便作用域内的其他东西都消失了，它仍可以访问该外部函数内的变量。如果应聘者能够说明，在for/next循环中使用闭包却不声明变量来保存迭代变量当前值的一些风险，那就应该给对方加分。
7.请描述你经历过的JavaScript单元测试。
关于这个问题，其实我们只是想看看应聘人员是否真的做过JavaScript单元测试。这是一个开放式问题，没有特定的正确答案，不过对方至少得能讲述进程中的一些事情。

相关学习推荐：javascript视频教程