destructure vs bind vs arrow.js

XKit.extensions.my_extension = new Object({

	variable: 0,
	do_something: function () {/* etc */},

	//have to do this with e.g. $(selector).each() because we need the "this" keyword
	this_should_work: function () {
		something_happens.then(inner_function);
	},
	inner_function: function() {
		const {my_extension} = XKit.extensions;
		my_extension.variable = 5;
		my_extension.do_something();
	},

	this_should_also_work: function () {
		something_happens.then(inner_function_two.bind(this));
	},
	inner_function_two: function() {
		this.variable = 5;
		this.do_something();
	},

	//good for short things
	this_should_work_as_well: function () {
		something_happens.then(() => {
			this.variable = 5;
			this.do_something();
		});
	},
});


/* OLD VERSION BELOW OOPS */

XKit.extensions.my_extension = new Object({

	variable: 0,
	do_something: function () {/* etc */},

	//have to do this with e.g. $(selector).each() because we need the "this" keyword
	this_should_work: function () {
		something_happens.then(inner_function());
	},
	inner_function: function() {
		const {my_extension} = XKit.extensions;
		my_extension.variable = 5;
		my_extension.do_something();
	},

	this_should_also_work: function () {
		something_happens.then(inner_function_two().bind(this));
	},
	inner_function_two: function() {
		this.variable = 5;
		this.do_something();
	},

	//good for short things
	this_should_work_as_well: function () {
		something_happens.then(() => {
			this.variable = 5;
			this.do_something();
		});
	},
});