MD Settings: Convert all usages of .bind(this) to use ES6 arrow function.

chrome/browser/resources/settings/settings_page/main_page_behavior.js

 // Copyright 2016 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.
 
 /**
  * Responds to route changes by expanding, collapsing, or scrolling to sections
  * on the page. Expanded sections take up the full height of the container. At
  * most one section should be expanded at any given time.
  * @polymerBehavior MainPageBehavior
  */
@@ skipping 75 matching lines @@
     // from the main page. It seems sensible to set the flag in those cases,
     // unfortunately bug 708465 happens. Figure out why that is and then set
     // this flag more broadly.
     if (oldRoute && oldRoute.isSubpage() && newRoute.isSubpage())
       this.isSubpageAnimating = true;
 
     // For previously uncreated pages (including on first load), allow the page
     // to render before scrolling to or expanding the section.
     if (!oldRoute) {
       this.fire('hide-container');
-      setTimeout(function() {
+      setTimeout(() => {
         this.fire('show-container');
         this.tryTransitionToSection_(scrollToSection, true);
-      }.bind(this));
+      });
     } else if (this.scrollHeight == 0) {
       setTimeout(this.tryTransitionToSection_.bind(this, scrollToSection));
     } else {
       this.tryTransitionToSection_(scrollToSection);
     }
   },
 
   /**
    * When exiting search mode, we need to make another attempt to scroll to
    * the correct section, since it has just been re-rendered.
@@ skipping 59 matching lines @@
       assert(currentRoute.section);
       // Hide the container again while Advanced Page template is being loaded.
       this.fire('hide-container');
       promise = this.$$('#advancedPageTemplate').get();
     }
 
     // When this animation ends, another may be necessary. Call this function
     // again after the promise resolves.
     if (promise) {
       promise.then(this.tryTransitionToSection_.bind(this, scrollToSection))
-          .then(function() {
+          .then(() => {
             this.fire('show-container');
-          }.bind(this));
+          });
     }
   },
 
   /**
    * If the current animation is inconsistent with the current route, stops the
    * animation by finishing or canceling it so the new route can be animated to.
    * @private
    */
   maybeStopCurrentAnimation_: function() {
     var currentRoute = settings.getCurrentRoute();
@@ skipping 60 matching lines @@
     this.origScrollTop_ = this.scroller.scrollTop;
     this.fire('freeze-scroll', true);
 
     // Freeze the section's height so its card can be removed from the flow.
     section.setFrozen(true);
 
     this.currentAnimation_ = section.animateExpand(this.scroller);
 
     return this.currentAnimation_.finished
         .then(
-            function() {
+            () => {
               this.finishedExpanding_(section);
-            }.bind(this),
-            function() {
+            },
+            () => {
               // The animation was canceled; restore the section and scroll
               // position.
               section.setFrozen(false);
               this.scroller.scrollTop = this.origScrollTop_;
-            }.bind(this))
-        .then(function() {
+            })
+        .then(() => {
           this.fire('freeze-scroll', false);
           this.currentAnimation_ = null;
-        }.bind(this));
+        });
   },
 
   /** @private */
   finishedExpanding_: function(section) {
     // Hide other sections and scroll to the top of the subpage.
     this.classList.add('showing-subpage');
     this.toggleOtherSectionsHidden_(section.section, true);
     this.scroller.scrollTop = 0;
     section.setFrozen(false);
 
@@ skipping 32 matching lines @@
     this.toggleOtherSectionsHidden_(section.section, false);
     this.classList.remove('showing-subpage');
 
     if (!shouldAnimateCollapse) {
       // Finish by restoring the section into the page.
       section.setFrozen(false);
       return Promise.resolve();
     }
 
     // Play the actual collapse animation.
-    return new Promise(function(resolve, reject) {
+    return new Promise((resolve, reject) => {
       // Wait for the other sections to show up so we can scroll properly.
-      setTimeout(function() {
+      setTimeout(() => {
         var newSection = settings.getCurrentRoute().section &&
             this.getSection(settings.getCurrentRoute().section);
 
         // Scroll to the new section or the original position.
         if (newSection && !settings.lastRouteChangeWasPopstate() &&
             !settings.getCurrentRoute().isSubpage()) {
           newSection.scrollIntoView();
         } else {
           this.scroller.scrollTop = this.origScrollTop_;
         }
 
         this.currentAnimation_ = section.animateCollapse(
             /** @type {!HTMLElement} */ (this.scroller));
 
         this.currentAnimation_.finished
-            .catch(function() {
+            .catch(() => {
               // The collapse was canceled, so the page is showing a subpage
               // still.
               this.fire('subpage-expand');
-            }.bind(this))
-            .then(function() {
+            })
+            .then(() => {
               // Clean up after the animation succeeds or cancels.
               section.setFrozen(false);
               section.classList.remove('collapsing');
               this.fire('freeze-scroll', false);
               this.currentAnimation_ = null;
               resolve();
-            }.bind(this));
-      }.bind(this));
-    }.bind(this));
+            });
+      });
+    });
   },
 
   /**
   /**
    * Hides or unhides the sections not being expanded.
    * @param {string} sectionName The section to keep visible.
    * @param {boolean} hidden Whether the sections should be hidden.
    * @private
    */
   toggleOtherSectionsHidden_: function(sectionName, hidden) {
@@ skipping 13 matching lines @@
     return /** @type {?SettingsSectionElement} */ (
         this.$$('settings-section[section="' + section + '"]'));
   },
 };
 
 /** @polymerBehavior */
 var MainPageBehavior = [
   settings.RouteObserverBehavior,
   MainPageBehaviorImpl,
 ];