骨幹驗證和回調

Question

任何人都可以幫助我，JavaScript將函數'detect'定義爲undefined，我們如何從回調函數返回值來檢測函數？

validate: function (attrs, options) { 
    if (!this.detect(attrs.selectedFile, this.onComplete)) { 
     return "this is an error message"; 
    } 
}, 

detect: function (file, callback) { 
    var attributes = this.attributes, 
     image = new Image(); 
    image.onload = function() { 
     if (condition_is_false_return_false) { 
      callback(false); 
     } else { 
      callback(true); 
     } 
    }; 
    image.src = URL.createObjectURL(file); 
}, 

onComplete: function (value) { 
    return value; 
} 

Answer 1

代碼有兩個問題。 1.驗證函數只驗證attr候選者，這裏的「this」對象是不明確的，它可能不是模型。因此this.detect是未定義的。你可能不得不在下劃線中使用bind函數。

1. 在設置屬性之前，驗證功能在技術上運行。因此，即使您可以成功調用detect函數，但在執行this.attributes時，您將獲得一個空集。所以你無法檢測到任何東西。這是更好地儘量讓這些功能的靜態的，這意味着它們沒有提及「本」

我做了一個jsfiddle，

var myOwnModel=Backbone.Model.extend({ 

    initialize:function(model,options){ 
    Backbone.Model.prototype.initialize.apply(this,arguments); 
    }, 
    validate: function (attrs, options) { 
     console.log("doing validate",attrs); 
    if (!this.detect(attrs.selectedFile, this.onComplete)) { 
     return "this is an error message"; 
    } 
    }, 

    detect: function (file, callback) { 
     var attributes = this.attributes, 

      image = new Image(); 
        console.log("running detect",attributes) // Here attributes does not have the new attr. 
     image.onload = function() { 
      if (condition_is_false_return_false) { 
       callback(false); 
      } else { 
       callback(true); 
      } 
     }; 
     image.src = URL.createObjectURL(file); 
    }, 

    onComplete: function (value) { 
     return value; 
    } 

}) 

var a=new myOwnModel({a:1}) 
a.fetch(); 
// or test it with 
a.set({b:1},{validate:true}); 
console.log(a) 

貌似驗證確實有機會獲得「本」 。並且檢測功能正在成功運行。那麼問題是什麼？