偽物を排除し本物を保つための JavaScript 面接の 7 つの質問

面接前に尋ねるべき次の 7 つの JavaScript 面接の質問。そうしないと、時間が無駄になる可能性が高くなります。
1. JavaScript オブジェクトを作成する 2 つの方法は何ですか?
JavaScript を使用したことがある方にとって、これは非常に簡単な質問です。少なくとも 1 つの方法を知っておく必要があります。しかし、それにもかかわらず、私の経験では、JavaScript プログラマーを自称する人々の中にも、この質問にどう答えればよいかわからないと言う人もたくさんいます。

• 関数を呼び出すには、「new」キーワードを使用します。

• 中括弧を開閉します。

var o = {};
「新しいキーワードはいつオブジェクトを作成しますか?」と続けて尋ねることもできますが、私は単に一部の人を排除したいだけなので、したがって、これらの質問は実際の面接まで待って行うことにします。 2. 方法配列を作成するには?

これは「オブジェクトの作成方法」と同じレベルの質問です。ただし、最初の質問は答えられるけど、この質問は答えられないという人もいます。

次のコードを使用して配列を簡単に作成します:

var myArray = new Array();配列の作成は非常に複雑なプロセスです。ただし、角括弧を使用して候補者からの回答を聞きたいです。 var myArray = [];もちろん、JavaScript 配列内の重複要素を効率的に削除する方法など、他の質問を続けることもできますが、知りたいのは候補者が価値があるかどうかだけなので、さらに詳しく観察するため、配列に関する質問はここで終了します。

JavaScript 配列の重複要素を効率的に削除する方法について話しましょう: js で配列の重複排除を実装する方法に関する 5 つの方法。

具体的なメソッドの紹介:
1) 配列トラバーサル メソッド
重複を削除する最も簡単な方法: 新しい配列を作成し、受信配列をトラバースし、値が存在しない場合は値を追加します。新しい配列内; 注: 値が配列内にあるかどうかを判断するメソッド「indexOf」は、IE8 より下ではサポートされていません。ソース コードは次のとおりです:



2) オブジェクトのキーと値のペアリング メソッド
このメソッドは他のメソッドよりも高速に実行されますが、より多くのメモリを消費します。アイデア: 新しい js オブジェクトと新しい配列を作成し、受信した配列を走査するときに、値が js オブジェクトのキーであるかどうかを判断し、そうでない場合はキーをオブジェクトに追加して新しい配列に置きます。注: js オブジェクト キーであるかどうかを判断する際、受信キーに対して "toString()" が自動的に実行されます。たとえば、a[1]、a["1"] などです。上記の問題を解決するには、やはり「indexOf」を呼び出す必要があります。



3) 配列インデックス判定メソッド
は、依然として "indexOf" を呼び出す必要があります。 実装のアイデア: の i 番目の項目の場合。現在の配列は現在の配列内にあります。一度出現した位置が i でない場合、i 番目の項目が繰り返され、無視されることを意味します。それ以外の場合は、結果の配列を保存します。

// 最简单数组去重法
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;
 }
}

4) ソート後の隣接削除方法
ネイティブ配列の「ソート」メソッドのソート結果はあまり信頼できませんが、重複排除には問題はありません。順序に注意してください。実装のアイデア: ソート後に同じ値が隣接するように受信配列をソートし、トラバース時に前の値と重複しない値のみを新しい配列に追加します。

// 速度最快， 占空间最多（空间换时间）
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;
}

5) 配列トラバーサル メソッドの最適化
は、海外のブログ投稿から引用したもので、重複することなく右端の値を取得して配置します。新しい配列に。 (重複値が検出された場合は現在のループを終了し、次の最上位ループの判定に移ります)

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;
}

3. 変数ホイスティングとは？
この質問は少し難しいので、相手に答える必要はありません。ただし、この質問によって候補者の技術的熟練度がすぐに判断できます。つまり、候補者はプログラミング言語を自分が主張しているほど本当に理解しているのか?
変数のプロモーションとは、変数がスコープ内のどこで宣言されても、JavaScript エンジンがこの宣言をスコープの先頭に移動することを意味します。特定の行で変数を割り当てるなど、関数の途中で変数を宣言した場合:

// 将相同的值相邻，然后遍历去除重复值
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;
}

、コードは実際には次のように実行されます:

// 思路：获取没重复的最右一值放入新数组
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;
}

4. グローバル変数のリスクは何ですか?コードを干渉から保護するにはどうすればよいですか?
グローバル変数の危険性は、他の誰かが同じ名前の変数を作成し、あなたが使用している変数を上書きしてしまう可能性があることです。これはどの言語においても頭の痛い問題です。
それを防ぐ方法はたくさんあります。最も一般的な方法は、他のすべての変数を含むグローバル変数を作成することです:
var applicationName = {};

その後、グローバル変数を作成する必要がある場合は、それをオブジェクトにアタッチするだけです。

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

applicationName.myVariable = "abc";

もう 1 つの方法は、すべてのコードを自動的に実行される関数にカプセル化し、宣言されたすべての変数が関数のスコープ内で宣言されるようにすることです。

(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视频教程