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

chrome/browser/resources/settings/settings_ui/settings_ui.js

 // Copyright 2015 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.
 
 /**
  * @fileoverview
  * 'settings-ui' implements the UI for the Settings page.
  *
  * Example:
  *
@@ skipping 67 matching lines @@
     settings.initializeRouteFromUrl();
   },
 
   /**
    * @override
    * @suppress {es5Strict} Object literals cannot contain duplicate keys in ES5
    *     strict mode.
    */
   ready: function() {
     // Lazy-create the drawer the first time it is opened or swiped into view.
-    listenOnce(this.$.drawer, 'open-changed', function() {
+    listenOnce(this.$.drawer, 'open-changed', () => {
       this.$.drawerTemplate.if = true;
-    }.bind(this));
+    });
 
-    window.addEventListener('popstate', function(e) {
+    window.addEventListener('popstate', e => {
       this.$.drawer.closeDrawer();
-    }.bind(this));
+    });
 
     CrPolicyStrings = {
       controlledSettingExtension:
           loadTimeData.getString('controlledSettingExtension'),
       controlledSettingPolicy:
           loadTimeData.getString('controlledSettingPolicy'),
       controlledSettingRecommendedMatches:
           loadTimeData.getString('controlledSettingRecommendedMatches'),
       controlledSettingRecommendedDiffers:
           loadTimeData.getString('controlledSettingRecommendedDiffers'),
@@ skipping 25 matching lines @@
     // </if>
 
     this.showAndroidApps_ = loadTimeData.valueExists('androidAppsVisible') &&
         loadTimeData.getBoolean('androidAppsVisible');
     this.showMultidevice_ =
         loadTimeData.valueExists('enableMultideviceSettings') &&
         loadTimeData.getBoolean('enableMultideviceSettings');
     this.havePlayStoreApp_ = loadTimeData.valueExists('havePlayStoreApp') &&
         loadTimeData.getBoolean('havePlayStoreApp');
 
-    this.addEventListener('show-container', function() {
+    this.addEventListener('show-container', () => {
       this.$.container.style.visibility = 'visible';
-    }.bind(this));
+    });
 
-    this.addEventListener('hide-container', function() {
+    this.addEventListener('hide-container', () => {
       this.$.container.style.visibility = 'hidden';
-    }.bind(this));
+    });
   },
 
   /** @private {?IntersectionObserver} */
   intersectionObserver_: null,
 
   /** @override */
   attached: function() {
     document.documentElement.classList.remove('loading');
 
     setTimeout(function() {
       chrome.send(
           'metricsHandler:recordTime',
           ['Settings.TimeUntilInteractive', window.performance.now()]);
     });
 
     // Preload bold Roboto so it doesn't load and flicker the first time used.
     document.fonts.load('bold 12px Roboto');
     settings.setGlobalScrollTarget(this.$.container);
 
     // Setup drop shadow logic.
-    var callback = function(entries) {
+    var callback = entries => {
       this.$.dropShadow.classList.toggle(
           'has-shadow', entries[entries.length - 1].intersectionRatio == 0);
-    }.bind(this);
+    };
 
     this.intersectionObserver_ = new IntersectionObserver(
         callback,
         /** @type {IntersectionObserverInit} */ ({
           root: this.$.container,
           threshold: 0,
         }));
     this.intersectionObserver_.observe(this.$.intersectionProbe);
   },
 
@@ skipping 71 matching lines @@
   onMenuButtonTap_: function() {
     this.$.drawer.toggle();
   },
 
   /** @private */
   onMenuClosed_: function() {
     // Add tab index so that the container can be focused.
     this.$.container.setAttribute('tabindex', '-1');
     this.$.container.focus();
 
-    listenOnce(this.$.container, ['blur', 'pointerdown'], function() {
+    listenOnce(this.$.container, ['blur', 'pointerdown'], () => {
       this.$.container.removeAttribute('tabindex');
-    }.bind(this));
+    });
   },
 
   /** @private */
   directionDelegateChanged_: function() {
     this.$.drawer.align = this.directionDelegate.isRtl() ? 'right' : 'left';
   },
 });