在javascript onclick函数中访问对象

Question

如何访问从DOM元素的onclick事件调用的函数中的对象？

<script>
function myObj(){
    //...
}
myObj.prototype.doStep = function (num) {
    //...
}
var obj = new myObj();
function process_step(n) {
    //do something with the existing obj
    obj.doStep(n); //obj is undefined
}
$("body").append("<button onclick='process_step(1)'>Process Step 1</button>");
</script>

Answer 1

试试这个

<script>
  function myObj(){
    //...
  }
  myObj.prototype.doStep = function (num) {
    console.log(num);
  }
  var obj = new myObj();

  myObj.prototype.process_step = function(n) {
     this.doStep(n); //obj is undefined
  }

  obj.process_step(1);

    $("body").append("<button onclick='process_step(1)'>Process Step 1</button>");
    </script>