将函数放入 javascript 对象中是一种好习惯吗？ [复制]

Question

我做了一个构造函数，并打算做大量的对象。

function Cat(name) {
    this.name = name;

    this.meow = function () {
        ...
        ...
    }
}

说，meow() 函数很长。如果我创建了很多猫或者 javascript 会处理它，它会成为内存问题吗？在这种情况下，创建静态函数而不是对象内的函数更好吗？

Answer 1

最好使用原型。

function Cat(name) {}
Cat.prototype.meow = function(){};

大多数现代引擎（包括 chrome 的 V8）会将对象创建优化为可重用路径，而如果使用 this.meow，则在每次实例化时定义自定义隐藏路径。

转为微优化会更好吗？这实际上取决于您的实施和环境。

有关原型提高性能的方式的更详尽说明，请参阅 V8 开发人员 Toon Verwaest 提供的中等解释，Setting up prototypes in V8。

Answer 2

您可以在 Cat 的原型中添加功能。这样，对 meow 的任何调用都将引用相同的函数。

Cat.prototype.meow = function() {};

Answer 3

简答：不贵。 长答案：研究函数式编程与面向对象编程。使用 JavaScript 函数式编程将允许您做各种巧妙的事情，例如：

function add(a, b)
{
   return a + b;
}

function subtract5(a)
{
   return a - 5; 
}

//You can pass functions into functions like:  subtract5(add(3, 3)) = 1;

然后，您还可以使用函数式编程语言通过 find、forEach、map、reduce 等函数让您的生活更轻松，它需要一个条件函数来将其应用于您正在使用的数组...例如：

 function condition(x)
 {
  return x.id == 2;
 }
 var users = []
 users.push({ 
  id:1,
  name:"Bob"
 });
 users.push({ 
  id:2,
   name:"Dan"
 })
// users.find(condition).name is equal to Dan
//The condition function can be a lot of things which is why it's so powerful

另一个很好的例子（我在一个有很多内部函数的 javascript 游戏中使用了这种格式，它没有显示任何负面影响 性能）

  var Cat = function(param)
 {
    var self = {}; 
    self.name = param.name;
    self.age = param.age;
    self.birthday = function()
    {
      self.age++;
    }
    return self;
 } 
  var youngCat = new Cat({name: "Ginger", age: 2});
  youngCat.birthday();