在 IE 11 中获取未定义的 javascript 函数答案

【问题标题】：Get undefined javascript function in IE 11在 IE 11 中获取未定义的 javascript 函数
【发布时间】：2017-10-19 00:50:02
【问题描述】：

在 IE 11 中调用函数时出现一些错误。在我的情况下，我在一个 <script> 标记内有两个脚本。

这是我的功能：

<script>
function test()
{
    alert("oke");
    var currency = $('#curr_drop').val();
    var total_room_qty = calculate_amount(currency); // total all room

    var btn_class = $('#book_button').prop('class');

    var this_qty = $(this).val();
    var this_plan_type = $(this).data('plan-type');
    var this_plan_id = $(this).data('plan-id');
    var this_plan_day = $(this).data('plan-day');
}

function calculate_amount(currency = 'IDR') 
{
    //alert("ok");
    var nights = $('[name="nights"]').val();
    var total_amount = 0; var total_room_qty = 0; var total_qty_room_id = 0;

    console.log('nights: '+nights);


    return total_room_qty;
}
</script>

我从这段代码中调用 test 函数：

<select name="qty" class="mb10" onchange="test.bind(this)()" data-plan-type="rate" data-plan-id="38" data-plan-day="52459">
   <option value="0">0 rooms</option>
   <option value="1">1 rooms</option>
   <option value="2">2 rooms</option>
   <option value="3">3 rooms</option>
   <option value="4">4 rooms</option>
   <option value="5">5 rooms</option>
</select>

我的问题是，当我尝试在函数 test 顶部显示 alert 时，我得到了 undefined function test，但如果我关闭 var total_room_qty = calculate_amount(currency); // total all room，则警报可以在 IE 11 浏览器中显示。它是怎么发生的，我该如何解决这个问题？谢谢

【问题讨论】：

select in page后面是script标签吗？
@MehdiDehghani 我在关闭body标签之前将该脚本放在页面底部
那就是问题所在，换个顺序就行了
@PatrickHund 你是什么意思改变订单？你能给我解释一下吗？
首先是脚本标签，然后是选择元素。抱歉，我在打电话，没时间写正确的答案

标签： javascript jquery function internet-explorer-11

【解决方案1】：

calculate_amount 的函数声明错误。您正在尝试在 ie11 中使用 es6。

function calculate_amount(currency = 'IDR') // this will work only in chrome and firefox

不幸的是 IE 没有抛出错误。这就是您的事件处理程序无法访问的原因。

改成

function calculate_amount(currency) 
{
    currency = currency || 'IDR'; //if your intent is to set a default value for currency
    //alert("ok");
    var nights = $('[name="nights"]').val();
    var total_amount = 0; var total_room_qty = 0; var total_qty_room_id = 0;

    console.log('nights: '+nights);


    return total_room_qty;
}

示例 https://jsfiddle.net/karthick6891/0681reux/

【讨论】：

遇到这么愚蠢的问题！！答案救了我的培根谢谢

【解决方案2】：

我也遇到了类似的错误，Google 把我带到了这里。

在我的情况下，这也是旧版本 IE 的语法不兼容问题：不支持使用 arrow functions (=>)。

为了解决它，请参阅Syntax error in IE using ES6 arrow functions。

不幸的是，IE 告诉我这个表达式下面的函数是未定义的，所以花了一段时间才找出实际的错误。

我希望这可以为有同样问题的其他人节省时间。

【讨论】：