javascript - 如何在函数内调用javascript函数

我有一个名为screener.js的JavaScript文件

function ScreenerPage() {

    function onScreenListChange() {
       do stuff
    };
}

从index.html文件中，我加入了javascript文件，如下所示:

<script type="text/javascript" src="./js/screener.js"></script>

然后，在index.html的开头部分中，我将实例化screenerPage对象，如下所示:

<script type="text/javascript">
    $(document).ready(function () {
        screenerPage = new ScreenerPage();
    }
</script>

然后在主体部分下方，有一个带有onchange事件的select调用

<select id="screenList" onchange="screenerPage.onScreenListChange()">

但浏览器显示错误:



我究竟做错了什么？

最佳答案

javascript的工作方式是它具有对象以及它们的创建方式很重要!
这是我发现适用于这种情况的方式

screener.js

    var ScreenerPage = function() {
      this.onScreenListChange = function() {
        //do stuff
        console.log("test")
      }
    }

稍后的

    var a = new ScreenerPage();
    a.onScreenListChange();

如果您对它的工作方式有任何疑问，请随时给我发消息!