我注意到在我写的JavaScript代码中有一个常见的模式,想知道是否已经有一个类似最佳实践的模式存在?本质上,它是如何获取DOM元素并将其包装在/与JavaScript对象关联的。以这个例子为例,在您的Web应用程序中需要一个过滤器。您的页面如下所示:
<html>
<head></head>
<body>
<div id="filter"></div>
</body>
</html>
然后您可以这样包装元素:
var myFilter = new Filter({
elem: document.getElementById('filter'),
prop: 'stacks-test',
someCallback: function() {
// specify a callback
}
});
以下是与构造函数传递给的对象spec相关的JavaScript代码:
var Filter = function(spec) {
this.elem = spec.elem;
this.prop = spec.prop;
this.callback = spec.someCallback;
this.bindEvents();
};
Filter.prototype.bindEvents = function() {
var self = this;
$(this.elem).click(function(e) {
self.updateFeed();
};
};
Filter.prototype.updateFeed = function() {
this.prop; // 'stacks-test'
this.callback();
// ...
// code to interact with other JavaScript objects
// who in turn, update the document
};
这种方法被称为什么,最佳实践和注意事项是什么?