在 JavaScript 中创建面向对象编程的本地状态

Question

我对 javascript 比较陌生，并且观看了 Douglas Crockford 关于该主题的两个教程视频。他建议通过使用无名函数和闭包，通过以下方式在 javascript 中创建面向对象的设计：

function Class() {
 var privateVar1,
  privateVar2;

 function privateMethod1() {
 }

 function privateMethod2() {
 }

 return {
  var publicVar1,
   publicVar2;

  publicMethod1: function () {
  }

  publicMethod2: function() {
  }
 }; 
}

这里的麻烦是当我创建一个新类时，例如

var a = Class();

当我尝试使用我在我在类定义中返回的对象文字。更具体地说，我收到错误 Class.publicMethod1 不是函数。谁能看出这里出了什么问题吗？我一定在这里遗漏了一些东西，因为道格拉斯·克罗克福德肯定不会在这件事上如此公然地错误。

编辑： 当我发布该代码片段时已是深夜，我犯了一些语法错误。抱歉浪费了您的时间。这是我遇到问题的实际代码片段。

return {
//public methods
getNextMoveValues: function(board, player) { 
    currentBoard = board; 
    if(isBoardValid()) {
        var completeURL = assembleString(board, player);    
        return queryServer(completeURL);
    } else {
        console.err("board arg not valid in MoveGenerator::getNextMoveValues"); 
    }
},

toString: function () {
    var rtn = "currentPlayer: " + currentPlayer + "\t" + "currentBoard: " +      
    currentBoard + "\t" + "gameOption:" + gameOption + "\n";
    return rtn; 
}
};

当我运行代码时，执行以下命令时得到的唯一错误是“moveGen.getNextMoveValues(STARTING_BOARD, true) 未定义”： console.log(moveGen.getNextMoveValues(STARTING_BOARD, true).response);

Answer 1

您的语法无效：

 return {
  var publicVar1,
   publicVar2;

  publicMethod1: function () {
  }

  publicMethod2: function() {
  }
 }; 

应该是

 return {
  publicVar1,
  publicVar2,  
  publicMethod1: function () {},
  publicMethod2: function() {}
 }; 

您在这里使用对象文字，其形式始终为：

{member: value, member: value}

其中 value 也可以省略： {member, member: value}

---

读取有关对象初始值设定项的更多信息。

Answer 2

function Class(arg1, arg2) {
  var privateVar1 = arg1,
      privateVar2;

  function privateFunction1() {
    // use arg2
  }

  function privateFunction2() { 
  }

  return {
    publicVar1: 'something',
    publicVar2: 'something',
    publicMethod1: function () { },
    publicMethod2: function() { }
  }
}

关键是 privateVar* 和 privateFunctions* 不是刚刚返回的对象的成员。它们是只能由返回对象访问的变量和/或函数（闭包）。只有返回的对象才能访问定义了 privateVar* 和 privateFunctions* 的范围。

Answer 3

您需要了解对象文字表示法 。

function Class() {

    var privateVar1, privateVar2;

    function privateMethod1() {}
    function privateMethod2() {}

    return {                           // {
        publicVar1: "value",           // name: value,
        publicVar2: 5,                 // name: value,
        publicMethod1: function () {}, // name: value,
        publicMethod2: function () {}  // name: value (no comma at the end!)
    };                                 // }
}