Flex中Bindable的原理

[Bindable]：元数据标签，它在代码中的作用就是向编译器提供如何编译程序的信息。它的最大作用是使程序组件间的数据同步变得容易。在开发中通常用上Bindable作用在视图控件上，如给它绑定一个对象，则以后只需要在逻辑层更改这个对象的值，则视图层的控件数据会自动更新（同步），而不再需要手动去更新视图。 

现在来探索一下Bindable的工作原理： 

先来实现一个简单的绑定例子： 

    <mx:Script> 
        <![CDATA[ 

          [Bindable] 
          private var bind_String:String="hi"; 
          
          private function onChange():void 
          { 
               bind_String = "hello"; 

          } 
        ]]>    
    </mx:Script>  
    
    <mx:Text text="{bind_String}"> 
    <mx:Button click="onChange()"> 

单击按钮则改变了text的文字，这个就是bindable。那么它是怎样工作的呢？以下是flex编译器处理后的代码： 

          [Bindable(event="propertyChange")] 
          private var bind_String:String="hi"; 
          
          private function onChange():void 
          { 
               var oldValue:String = bind_String; 
               bind_String = "hello"; 
              if(bind_String!==oldValue) { 
                  this.dispatchEvent(PropertyChangeEvent.createUpdateEvent(this, 
                  "bind_String", oldValue, bind_String)); 
              } 
          } 

由上面可以看到数据源更改的时候抛出了一个PropertyChangeEvent事件，通知事件侦听器该数据源发生了变化，并更新视图。 

“这也说明了，绑定不过是事件游戏而已，flex为用户隐藏了很多底层算法。”这句概括说明了Bindable的原理。