javascript - 如何在 Javascript 构造函数中添加和调用函数(使用 JQuery)

Question

我使用下面的代码创建了一个对象文字。一切正常。

但是，当我尝试通过创建对象构造函数和相应的对象来重写对象文字，然后使用“点语法”执行该方法时，什么也没有发生。我不清楚我做错了什么。下面的示例使用 JQuery。

谢谢。

对象字面量(工作)

    <!DOCTYPE=HTML>
<meta chartset="UTF-8">
<title> whatever </title>
<script type="text/javascript"> </script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" charset="utf-8"></script>

<div id="theDiv"></div>
<style>
#theDiv{
position:absolute;
width:200px; 
height:200px; 
background:#f00; 
}
</style>




<script>
$(document).ready(function(){
var myObj  = {};
myObj.doThing =  function () {
$("#theDiv").toggle(3000);
  };


myObj.doThing();


});


</script>

带有对象的构造函数(不起作用)

<!DOCTYPE=HTML>
<meta chartset="UTF-8">
<title> whatever </title>
<script type="text/javascript"> </script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" charset="utf-8"></script>

<div id="theDiv"></div>

<style>
#theDiv{
position:absolute; 
width:200px; 
height:200px; 
background:#f00; 
}
</style>


<script>
 $(document).ready(function(){

function ConstructorExample (){
this.move =  function () {
$("#theDiv".toggle(3000);
  };

    };


var objExample = new ConstructorExample();


objExample.move();



});


</script>

Answer 1

第二个示例中有语法错误。

更改此:

$("#theDiv".toggle(3000);

对此:

$("#theDiv").toggle(3000);