对象不支持属性或方法“save”。

Question

在调用 reportManager.save("/EditInitiatives.svc/SaveGridData"); 方法时出现错误。

<script type='text/javascript'>
$(function () {
    $('#saveReport, #save-report-bottom').click(function () {
        $.blockUI({ message: '<h4><img src="/Images/busy.gif" /> Saving your changes.<br/>This operation might impact several reports at once.<br/>Please be patient.</h4>' });
        uiController.disableSaveButton();
        reportManager.save("/EditInitiatives.svc/SaveGridData");
    });

    var reportManager = function () {
        var tableData = JSON.stringify(handsontable.getData());
        var input = JSON.stringify({ "input": tableData });
        alert("Data" +  input); 

        save = function(saveUrl) { 
            alert("save" + saveUrl);

            $.ajax({
                url: saveUrl,
                type: 'POST',
                dataType: 'json',
                data: input, //returns all cells' data
                contentType: 'application/json; charset=utf-8',
                success: function(res) {
                    if (res.result === 'ok') {
                        console.text('Data saved');
                    }                        
                    $.unblockUI();                            
                }, 
                error: function (xhr) {
                    alert(xhr.responseText);
                }                       
            });
        }
    };
}
</script>

- James123

---

函数不会自动链接，您需要将其定义为this.save而不是全局变量，如何实现？ - adeneo

你需要将 save 作为可访问的方法暴露出来。在结尾处添加return { 'save': save }即可。 - karthikr

@adeneo save = 是在 reportManager 下面吗？ - James123

@James123 是的，但这不是 JavaScript 的工作方式。由于您错过了 var，它是全局变量。 - epascarello

应该是 save: function(saveurl){ ... } 而不是 =。 - Amitd

Answer 1

你无法访问它，因为save是全局变量，而不是reportManager的一部分。

它是全局的原因是因为你在变量前面缺少了var。这将把它放入全局命名空间中。它不会神奇地连接到函数的块范围。你需要使用面向对象的方法来实现它。一些基本的想法是

function Report() {
     var x = 1;
    this.save = function () {
        alert("First: " + x);   
    }
}

var report = new Report();
report.save();


function report_2() {
     var x = 1;
    return {
        save : function () {
            alert("Second: " + x);   
        }
    }
}

var report2 = report_2();
report2.save();


var report_3 = (function () {
     var x = 1;

    var returnObj = {};
    returnObj.save = function () {
            alert("Third: " + x);   
    }

    return returnObj;


    //return {
    //    save  :  function() {
    //        alert("Third: " + x);   
    //    }
    //}
})();

report_3.save();

示例的模拟环境：http://jsfiddle.net/5Zhsq/

- epascarello

---

最好将保存操作放在该类的原型中，而不是使用this.save。 - Arash Milani

Answer 2

你声明了save函数，但没有使用var关键字，因此它将被声明为全局作用域，而不是reportManager函数的一部分。

即使在save函数之前加上var关键字，它也无法从reportManager函数的scope之外访问。要公开它，您需要使用export。这里是一个简单的模式：

 var reportManager = (function (self) {

      function save(saveUrl) { ... } //this function is not public yet

      self.save = save; //we are exporting the save function here
      return self; //now we are returning an object with save function

 })(reportManager || {});


 reportManager.save("your-param-here"); //Now use your function the way you want

- Arash Milani