首页 > web前端 > js教程 > 为什么原型方法应该在构造函数之外定义?

为什么原型方法应该在构造函数之外定义?

DDD
发布: 2024-10-30 21:14:02
原创
732 人浏览过

Why Should Prototype Methods Be Defined Outside the Constructor Function?

在构造函数中分配原型方法:潜在的陷阱

从风格上来说,有些人更喜欢使用以下结构来定义原型方法:

var Filter = function( category, value ){
  this.category = category;
  this.value = value;

  // product is a JSON object
  Filter.prototype.checkProduct = function( product ){
    // run some checks
    return is_match;
  }
};
登录后复制

但是,与替代结构相比,这种方法有几个缺点:

var Filter = function( category, value ){
  this.category = category;
  this.value = value;
};// var Filter = function(){...}

Filter.prototype.checkProduct = function( product ){
  // run some checks
  return is_match;
}
登录后复制

功能缺点:

  1. 冗余和低效的赋值:原型方法被多次赋值,这是不必要的,并且可能会影响性能。
  2. 范围问题:从原型方法中引用构造函数的局部变量可以导致意想不到的结果。例如:
var Counter = function(initialValue){
  var value = initialValue;

  // product is a JSON object
  Counter.prototype.get = function() {
      return value++;
  }
};

var c1 = new Counter(0);
var c2 = new Counter(10);
console.log(c1.get());    // outputs 10, should output 0
登录后复制

在这种情况下,get() 返回 c2 的局部变量值而不是 c1 的值,因为方法闭包引用原型上最近定义的值。

其他注意事项:

  • 构造函数之外的原型:第一个结构禁止在构造函数之外访问原型,可能会限制灵活性。
  • 方法放置:在第二种结构中,方法直接放置在对象上而不是原型上,这在某些情况下可能会提高性能。

结论:

虽然第一个结构在风格上可能令人愉悦,但它可能会带来功能缺陷和范围问题。通常建议在构造函数之外分配原型方法(如第二个结构中),以避免潜在的问题。

以上是为什么原型方法应该在构造函数之外定义?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板