我在使用 bind 更改此语句以指向我的控制器 Javascript MVC 时遇到问题-解网

问：

我正在尝试在一个简单的打印hello world程序中实现模型视图控制器模式。我可以让一切正常工作，除了最后我单击程序中的按钮后。我正在尝试将我的函数绑定到控制器，以便函数在控制器中使用 this 语句来访问我的模型并查看控制器中的实例。当我单击按钮时，函数中的 this 语句引用我的按钮对象而不是控制器。我在使用 bind 更改此语句所指向的内容时遇到问题。请，任何帮助将不胜感激。谢谢。

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Hello World MVC </title>
    <link rel="stylesheet" href="css file name">
</head>
<body>
    <div id="container">
        <input type=text id="textBox">
        <button id="displayButton">Display</button>
    </div>
    <script src="mainbind.js"></script>
</body>
</html>

function Model(text) {
   this.data = text;
};

function View() {
    this.displayButton = document.getElementById('displayButton');
    this.textBox = document.getElementById('textBox');
    this.initialize = function(displayButtonProcess) {
        this.displayButton.addEventListener('click', displayButtonProcess);
    }
};

function Controller(text) {
    
    this.model = new Model(text);
    this.view =  new View;
    this.buttonClick = function(event) {
        // process the button click event
        this.view.textBox.value = this.model.data;
    };
    this.view.initialize(this.buttonClick);
};


let x = new Controller("Hello World");
x.buttonClick = x.buttonClick.bind(x);

javascript html css model-view-controller 这个

function Model(text) {
  this.data = text;
};

function View() {
  this.displayButton = document.getElementById('displayButton');
  this.textBox = document.getElementById('textBox');
  this.initialize = function(displayButtonProcess) {
    this.displayButton.addEventListener('click', displayButtonProcess);
  }
};

function Controller(text) {

  this.model = new Model(text);
  this.view = new View;
  this.buttonClick = function(event) {
    // process the button click event
    this.view.textBox.value = this.model.data;
  };
  this.view.initialize(this.buttonClick.bind(this));
};


let x = new Controller("Hello World");
// x.buttonClick = x.buttonClick.bind(x);

<div id="container">
  <input type=text id="textBox">
  <button id="displayButton">Display</button>
</div>

上一个：JQuery - 库标题文本作为换行库项的链接

下一个：在函数中访问影子根

我在使用 bind 更改此语句以指向我的控制器 Javascript MVC 时遇到问题

I am having trouble using bind to change the this statement to point to my controller Javascript MVC

评论