Javascript有效的代码结构[关闭]

Question

什么是最好的（性能，内存方面）实现一个干净的方式来创建一个类或某种方式来正确地构造代码，共享 2 个变量（req，res），这些变量具有合适的对象大小。

是的，对于那些使用 Node.js 的人来说，它是 req 和 res 变量，但这无关紧要。

这是我迄今为止尝试过的：

function Client(req, res){
  var self = this;

  self.req = req;
  self.res = res;

  route.call(self);
  handleRoute.call(self);
  handleRequestData.call(self);
}

function route(){
  var self = this;

  self.req.route = // ...
}

function handleAuth(){
  var self = this;

  self.req.auth = // ...
}

function handleRequestData(){
  var self = this;

  self.req.data = // ...
}

我想知道它是否可以改进，因为我提到 req 和 res 是具有方法和属性的相当不错的对象。既然 .call(self) 你通过实例，那会是最有效的方法吗？

我也不喜欢使用“var self = this;”一直以来，它都是无用的。

顺便说一句，我不想​​使用 Coffeescript。

解决方案1.（由于大量通过req和res而失败）

假设我们得到了文件1。客户端.js

var Client = {
  route: function(req, res){},
  auth: function(req, res, callback){ callback(req, res); },
  getData: function(req, res, callback){ callback(req, res); } // async
}

文件2. main.js

var client = require('./client.js');

client.route(req, res); // fine because this is syncronous.

// This is where the problem is, massive passing through req and res parameters.
client.auth(req, res, function(req, res){
  client.getData(req, res, function(req, res){
    // Do something...
  });
});

Answer 1

我不知道为什么你不断地将上下文 (this) 保存在局部变量 (self) 中。你不妨一直使用this，除非你需要将它带入不同范围的本地对象中。

此外，您可以链接 Prototype 中的其他方法以访问其中的上下文：

function Client(req, res){

  this.req = req;
  this.res = res;

  this.route();
  this.handleRoute();
  this.handleRequestData();
}

Client.prototype.route = function(){
  this.req.route = // ...
}

Client.prototype.handleAuth = function(){
  this.req.auth = // ...
}

Client.prototype.handleRequestData = function(){
  this.req.data = // ...
}

如果您不想要“公共”方法，请执行以下操作：

function Client(req, res){

  this.req = req;
  this.res = res;

  route.call(this);
  handleRoute.call(this);
  handleRequestData.call(this);
}

function route(){
  this.req.route = // ...
}

function handleAuth(){
  this.req.auth = // ...
}

function handleRequestData(){
  this.req.data = // ...
}

Answer 2

您是否打算重用route、handleAuth 和handleRequestData 函数？它们可能是 Client 构造函数的“私有”：

function Client(req, res) {
    function route() {
        //...
    }

    function handleAuth() {
        //...
    }

    function handleRequestData() {
        //...
    }

    route();
    handleRoute();
    handleRequestData();
}

看到我没有将req 和res 设置为this 成员。我不知道在你的情况下这是否是强制性的。此外，这只是可以做的事情的开始；如该答案的 cmets 所述，每次创建新的 Client 时，也会创建私有函数的新实例，从而浪费资源。

更复杂的方法可以使用自调用函数表达式定义Client：

var Client = (function() {
    function route(req, res) {
        //...
    }

    function handleAuth(req, res) {
        //...
    }

    function handleRequestData(req, res) {
        //...
    }

    // This is the constructor function:
    return function(req, res) {
        route(req, res);
        handleRoute(req, res);
        handleRequestData(req, res);
    }
})();

这里，Client 定义为用最外圆括号括起来的函数表达式的乘积。函数表达式返回构造函数，它可以访问闭包函数route、handleRoute 和handleRequestData。请注意，这些函数中的每一个都是使用req 和res 参数定义的。这样，它们的行为就像静态私有函数一样，无论this 引用什么，您都可以编码和使用它们。

关于 self = this: 众所周知，JavaScript 可能对 this 关键字非常困惑。 Some information here。因此，有时将this 分配给名为self 或me 的闭包变量会很方便。不过，它不应该盲目地做……毕竟。