javascript - 如何在一个函数中调用一个javascript函数

Question

我有一个名为 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> 

然后在 body 部分下面有一个 select with onchange 事件调用

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

但是浏览器显示错误:

Uncaught TypeError: screenerPage.onScreenListChange is not a function

我做错了什么？

Answer 1

javascript 的工作方式是它有对象，而创建对象的方式很重要!这是我发现适用于此类事情的方法

筛选器.js

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

稍后

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

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