的Javascript ::防止當頁面被加載

Question

我具有交點功能通過輸入被饋送<form>

var chatArr = []; 

function input() { 
    var chat = document.getElementById("yousay").value; 
    chatArr.push(chat); 
    var words = chatArr.join(' ').match(/\S+/g); 
     if(chat.length == 0){ 
     console.log("Mithras hears you") 
     } 
     else if(words.length > 1){ 
     return words; 
     } 
     else{ 
     console.log(chat) 
     }; 
} 

然後未被捕獲的錯誤：

function setIntersection(a, b) { 

    var result = []; 

    for (var i = 0; i < a.length; i++) { 
     if (b.indexOf(a[i]) !== -1 && result.indexOf(a[i]) === -1) { 
      result.push(a[i]); 
     } 
    } 

    return result; 
} 

其中，在其轉，進入到該功能：

Song.prototype.lyricsIntersect = function(input) { 


    var bestSong = null; 
    var bestCount = -Infinity; 

    for (var i in songs) { 
     var currentCount = setIntersection(songs[i].lyrics, input()).length; 
(...) 

當頁面被加載時，表單顯然是空的，所以我得到：

Uncaught TypeError: Cannot read property 'indexOf' of undefined

如何防止這種錯誤加載頁面時？

Answer 1

檢查數組的長度得到數組的索引之前，

if(result.length > 0) 
{ 
if (b.indexOf(a[i]) !== -1 && result.indexOf(a[i]) === -1) { 
      result.push(a[i]); 
     } 
} 

Answer 2

試圖聲明您的數組是這樣的：

var result = new Array(a.length); 

Answer 3

嘗試添加一些保護的if語句，就像這樣：

function setIntersection(a, b) { 

    var result = []; 

    for (var i = 0; i < a.length; i++) { 
     if (
      typeof b != "undefined" && /* added protection */ 
      b.indexOf(a[i]) !== -1 && result.indexOf(a[i]) === -1) { 
      result.push(a[i]); 
     } 
    } 

    return result; 
} 

現在，由於此代碼位於循環內部，因此如果b未定義，最好做的是避免任何迭代，因此th在：

function setIntersection(a, b) { 

    var result = []; 

    /* added protection */ 
    if(typeof b != "undefined") return result; 

    for (var i = 0; i < a.length; i++) { 
     if (b.indexOf(a[i]) !== -1 && result.indexOf(a[i]) === -1) { 
      result.push(a[i]); 
     } 
    } 

    return result; 
} 

基本上，你的函數的參數可能要考慮到，並添加保護如果有必要