码迷,mamicode.com
首页 > Web开发 > 详细

暴力分析backbone.js(7)

时间:2015-05-06 19:42:52      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

上一节分析到,Backbone.Events.on方法的

  return this;

  来看一张图:

技术分享

  整个on方法,我把分成了2个部分,正常传参下褐红色框框内的基本语法已经分析完了。但是我们想想是不是缺了什么?

  1. 正常传参之外触发这段if语句
  2. 虽然分析完基础语法,但是还没分析它为何这样写?

  好,我们先来分析它为何这样写?

  on方法的最基础写法:需要一个对象,它必须‘融合‘(融合这个词是我复制中文api的)Backbone.Events(绑定功能),说白了就是要可以用Events的功能。 我看一下最基本的2个参数,自定义事件名 && callback回调函数。(还有其他可选参数,暂且不管)

  想想 自定义事件名 && 回调函数 在on方法是如何储存的?

技术分享

  先给作用域声明一个属性 _events。它是一个对象 cc._events = {}

  在给作用域下的属性_events,创建个[自定义函数名]的属性。它是保存一个数组地址的属性,所以它指向一个数组。为什么要用键值来创建,有没有想过,如果用_events.name可以创建?不可以,name是一个形参,它保存着一个字符串。如果用键值的话,[变量],会把转换变量。

cc._events[‘console‘] = []

试着用 对象.变量(字符串) 来创建一个属性,并且访问技术分享 

用键值 对象[变量(字符串)]来创建一个属性,并且访问技术分享

  然后用把回调函数push到数组里(以对象)。cc._events[‘console‘] = [{callback:function(){console.log(‘cc‘)}}]

  看到到这段代码cc._events[‘console‘] = [{callback:function(){console.log(‘cc‘)}}]有何想法?

  不通过.trigger(‘console‘)来调用它,又或者不通过on来自定义事件,然后来调用?

技术分享

  为什么要用数组来存储回调函数呢?留一个悬念!

  还有一件事大家有没有发现一个冗余的地方,为什么要多创建一个events的变量来引用(对象._events[自定义函数]的数组地址)呢?试着运行一下,还是跑得通的,就是不知道有什么隐患!!

  技术分享

  我去掉变量,在来看一下这2行代码

  技术分享

  有没有想过,我创建一个新对象,赋予它Events的功能后,调用它:这2句表达式第一次所执行的都是后者,那怎么触发前者,前者有什么意义呢,当然有意义。如何触发?

  this._events 有值的时候即触发它,我们创建过一个自定义函数以后,在创建一个自定义函数,就会触发 前者。

  this._events[name] 有值的时候即触发它,别说不可能,我们给一个对象绑定2个同样名字的自定义函数,结果呢,是不是触发 前者?

  技术分享结果是 click1 click2

  到这里,有没有一个悬念,前面的——为什么要用数组来存储回调函数呢?

  这样就说得通了,通过遍历数组长度来执行对象的回调函数。

  技术分享

 

  好,休息一下,下一节我们分析完on方法,接着分析trigger方法。

暴力分析backbone.js(7)

标签:

原文地址:http://www.cnblogs.com/superjs/p/4482637.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!