用Javascript定义对象方法的两种方式有什么区别？

Question

While reading this article https://medium.com/javascript-scene/the-single-biggest-mistake-programmers-make-every-day-62366b432308 by Eric Elliot, I came across the following type of object method definition.

 var obj = { getX() { document.write('X'); } } obj.getX(); // X 

How is it different than the following type of definition?

 var obj = { getX: function getX() { document.write('X'); } } obj.getX(); // X 

Answer 1

The first notation is ES2015/ES6 shorthand notation and will not work in safari or internet explorer

docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions

as the first is a shorthand notation for the second, that implies that there is no difference as far as functionality goes - however, until internet explorer is dead and buried and safari catches up (or follows internet explorer to the same grave) the first notation is not recommended for public facing sites as there is no possibility of "shim" or "polyfill" for syntax changes

most importantly, most "native mobile" browsers do not supports this (not talking about chrome/firefox for android etc)