в общем, можно с помощью webpack или parcel или других сборщиков проекта, транспилировать современный (es5-6 и т.д.) для поддержки более старых версий браузеров... т.е. пишем на современном js и говорим для какой версии js мы хотим получить итоговый js файл )... возможно придется обложиться полифилами...

Не все возможно.
Proxy - нет.
mutationObserver - нет
WeakMap - написано, что есть, но сомневаюсь, что это реальная работа, а не имитация.

Не говоря уж о тех возможностях, которые не в самом языке, а в API, HTML, CSS

API еще как-то понять можно, но HTML, CSS ))

https://github.com/GoogleChrome/proxy-polyfill#support
https://github.com/bitovi/mutationob...tationobserver
https://github.com/ungap/weakmap

Пить я буду, но курить не брошу )

С такими полифилами спиться вполне можно.

Вот это не работает

let ar =[]
let handl = {
	get: function (tg, name) {
		let v = tg[name]
		console.log('get', name, v)
		return v;
	},
	set: function (tg, name, val) {
		console.log('set', name, val)
		tg[name] = val;
		return true;
	}
}

let par = new Proxy (ar, handl)

par[0] = 0;
par[1] = 1;
par.push (2)

Тоже косяк

function ocopy (os) {
	return Object.create(os.__proto__, Object.getOwnPropertyDescriptors(os))
}

let wm = new WeakMap();
let obj1 ={a: 1, b:2};
wm.set(wm, {c:2,d:3})
let obj2 = ocopy(obj1)
wm.has(obj2)    // TRUE ???

Я не говорю, что они не нужны.
Но

)) аще по и на, пусть дэвид блэйн и пишет