Add an optional set_hook argument to defineProperty.

chrome/browser/resources/shared/js/cr/ui/menu.js

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('cr.ui', function() {
 
   const MenuItem = cr.ui.MenuItem;
 
   /**
    * Creates a new menu element.
    * @param {Object=} opt_propertyBag Optional properties.
    * @constructor
    * @extends {HTMLMenuElement}
    */
   var Menu = cr.ui.define('menu');
 
   Menu.prototype = {
     __proto__: HTMLMenuElement.prototype,
 
     /**
      * Initializes the menu element.
      */
     decorate: function() {
       this.addEventListener('mouseover', this.handleMouseOver_);
       this.addEventListener('mouseout', this.handleMouseOut_);
 
+      this.selectedIndex = -1;
+
       // Decorate the children as menu items.
       var children = this.children;
       for (var i = 0, child; child = children[i]; i++) {
         cr.ui.decorate(child, MenuItem);
       }
     },
 
     /**
      * Walks up the ancestors until a menu item belonging to this menu is found.
      * @param {Element} el
@@ skipping 20 matching lines @@
     /**
      * Handles mouseout events and deselects any selected item.
      * @param {Event} e The mouseout event.
      * @private
      */
     handleMouseOut_: function(e) {
       this.selectedItem = null;
     },
 
     /**
-     * The index of the selected item.
-     * @type {boolean}
-     */
-    // getter and default value is defined using cr.defineProperty.
-    set selectedIndex(selectedIndex) {
-      if (this.selectedIndex_ != selectedIndex) {
-        var oldSelectedItem = this.selectedItem;
-        this.selectedIndex_ = selectedIndex;
-        if (oldSelectedItem)
-          oldSelectedItem.selected = false;
-        var item = this.selectedItem;
-        if (item)
-          item.selected = true;
-
-        cr.dispatchSimpleEvent(this, 'change');
-      }
-    },
-
-    /**
      * The selected menu item or null if none.
      * @type {cr.ui.MenuItem}
      */
     get selectedItem() {
       return this.children[this.selectedIndex];
     },
     set selectedItem(item) {
       var index = Array.prototype.indexOf.call(this.children, item);
       this.selectedIndex = index;
     },
@@ skipping 42 matching lines @@
             }
           }
           return true;
       }
 
       return false;
     }
   };
 
   /**
    * The selected menu item.

[arv (Not doing code reviews), 2011/02/11 22:41:38]

This JSDoc should go with the defineProperty below

[nduca, 2011/02/12 00:22:47]

Done.

    * @type {number}
    */
-  cr.defineProperty(Menu, 'selectedIndex', cr.PropertyKind.JS, -1);
+  function selectedIndexChanged(selectedIndex, oldSelectedIndex) {
+    var oldSelectedItem = this.chidren[oldSelectedIndex];
+    if (oldSelectedItem)
+      oldSelectedItem.selected = false;
+    var item = this.selectedItem;
+    if (item)
+      item.selected = true;
+  }
+  cr.defineProperty(Menu, 'selectedIndex', cr.PropertyKind.JS,
+      selectedIndexChanged);
 
   // Export
   return {
     Menu: Menu
   };
 });