This gist showcases the difference between the static binding of the `this context` with ES6 arrow functions and dynamic binding with declarative functions

Arrowfunction_Static_Binding.js

// ES 6 Arrow Function vs Function
// showcases the difference between the static binding of the `this context` 
// with ES 6 Arrow Function and dynamic binding with normal Functions

var obj = {
    dynamicBinding() {
        console.log('Dynamic Context: ', this)
        window.setTimeout(function() {
            console.log('T Dynamic Context: ', this),
            0
        })
    },
    staticBinding() {
        console.log('Dynamic Context: ', this)
        window.setTimeout(() => {
            console.log('T Static Context: ', this),
            0
        })
    }
}

obj.dynamicBinding()
// Dynamic Context: :  {dynamicBinding: ƒ, staticBinding: ƒ}
// T Dynamic Context Binding:  Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, …}

obj.staticBinding()
// Dynamic Context:  {dynamicBinding: ƒ, staticBinding: ƒ}
// T Static Context Binding:  {dynamicBinding: ƒ, staticBinding: ƒ}