检查“未定义”时，JavaScript 变量值被覆盖答案

【问题标题】：JavaScript variable value gets overwritten when checking for "undefined"检查“未定义”时，JavaScript 变量值被覆盖
【发布时间】：2018-11-21 14:30:59
【问题描述】：

我有一个在两种不同场景中被调用的函数。 场景 1 由下拉选择触发，我根据所选值设置变量 "sheetName"。场景 2 没有触发事件，因此当我收集设置值所需的其他信息时，我想在代码中进一步设置变量。

现在这是我的问题：当 场景 1 发生时，sheetName 被定义并且函数继续执行。但是对于下面的代码，sheetName 一旦达到第二个代码的 if 条件，就似乎是 undefined。所以这里的值被覆盖，因为程序认为，sheetName 是未定义的。

每当我删除 second 场景的 if 条件 时，一切正常，并且 sheetName 具有我之前在代码中定义的正确值。

我无法在 if/else 语句中定义这两个值，因为对于第一个场景我需要 oEvent 而对于第二个场景我需要 wb 数据.. 为什么 if 条件会删除我的变量的值？我检查不正确吗？

如果您还有其他需要，请告诉我！

 onSheetSelected : function(oEvent) {
        var file = sap.ui.getCore()._file;
        var oTable = this.getView().byId('uploadData');
// Sheet name gets defined for Scenario 1       
        if(oEvent !== undefined) {              
            var sheetName = oEvent.getSource().getSelectedItem().getText();
        }
        if(file && window.FileReader){
            var reader = new FileReader();
            var result = {}, data;
            reader.readAsBinaryString(file);
            reader.onload = function(e) {
                var rawLog = reader.result;
                data = e.target.result;
                var wb = XLSX.read(data, {type: 'binary', cellDates: true, cellText: false, cellNF: true});
// Sheetname gets defined for Scenario 2
                if(sheetName === undefined) {
                    var sheetName = wb.SheetNames[0];   
                }
                var worksheet = wb.Sheets[sheetName];
                        ... some other stuff going on...
            }.bind(this);
        };
    },

【问题讨论】：

你在重新声明变量，在场景2中，删除var

标签： javascript if-statement overriding undefined variable-declaration

【解决方案1】：

由于JavaScript Hoisting 在第二种情况下您要在其中重新声明它的变量，您遇到了这个问题

function thing1() {
  var sheetname = "this"
  //this will look at thing1.sheetname
  console.log(sheetname)

  function thing2() {
    // this will look at thing2.sheetname
    if (sheetname === undefined) {
      var sheetname = "that"
    }
    console.log(sheetname)
  }
  thing2()
}

thing1()

但是通过删除var，它会查找直到找到一个名为sheetname的变量

function thing1() {
  var sheetname = "this"
  //this will look at thing1.sheetname
  console.log(sheetname)

  function thing2() {
    // this will look at thing1.sheetname
    if (sheetname === undefined) {
      sheetname = "that"
    }
    console.log(sheetname)
  }
  thing2()
}

thing1()

【讨论】：