javascript兼容问题

前端打包构建工具webpack等,里面提到的兼容处理,也就是利用babel处理。这里的兼容和我们写代码时注意兼容是一个意思吗?
例如:获取地理位置时,查看浏览器是否支持这种兼容代码
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
x.innerHTML = "该浏览器不支持获取地理位置。";
}

不完全一样。babel主要作用把一些可能老浏览器不支持的新写法转换成旧写法来实现兼容(例如es6新增的class关键字改成es5的构造函数),
你写的这个例子是看当前浏览器有没有这个功能是兼容不同浏览器之间的差异,这是两回事