Backbone.View.extend之后的构造函数实例化经历了一些什么处理

Posted iwang5566

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Backbone.View.extend之后的构造函数实例化经历了一些什么处理相关的知识,希望对你有一定的参考价值。

首先看Backbone.View的构造函数源码:

var View = Backbone.View = function(options) {
    this.cid = _.uniqueId(‘view‘); // 为需要的客户端模型或DOM元素生成一个全局唯一的id。如果prefix参数存在, id 将附加给它。就是生成_id属性 值是唯一的。
    options || (options = {});
    _.extend(this, _.pick(options, viewOptions));//这里挑选options下面的参数赋给构造函数的prototype对象
    this._ensureElement();// 看下面的_ensureElement
    this.initialize.apply(this, arguments);  执行我们写的initialize函数了
    this.delegateEvents();//绑定我们events json中的事件
  };
_ensureElement: function() { //这里主要做的就是创建了一个View层的容器,即$el  并赋予attributes属性和class name
if (!this.el) {
var attrs = _.extend({}, _.result(this, ‘attributes‘));
if (this.id) attrs.id = _.result(this, ‘id‘);
if (this.className) attrs[‘class‘] = _.result(this, ‘className‘);
var $el = Backbone.$(‘<‘ + _.result(this, ‘tagName‘) + ‘>‘).attr(attrs);
this.setElement($el, false);
} else {
this.setElement(_.result(this, ‘el‘), false);
}
}
// Cached regex to split keys for `delegate`.

var delegateEventSplitter = /^(\S+)\s*(.*)$/; // List of view options to be merged as properties.

var viewOptions = [‘model‘, ‘collection‘, ‘el‘, ‘id‘, ‘attributes‘, ‘className‘, ‘tagName‘, ‘events‘];

 

以上是关于Backbone.View.extend之后的构造函数实例化经历了一些什么处理的主要内容,如果未能解决你的问题,请参考以下文章

使用Backbone View作为React组件

Backbone?View中的events...click事件失效

Backbone Uncaught TypeError:Object [object Object]没有方法'call'

backbone keydown提交表单而不是调用所需的函数

传递模型对象视图在主链

如何在 Backbone.js 中设置视图的 id?