Default Parameter Value in Arrow Function

Question

I'm new to ES6 Javascript which means i'm exploring it. I like the arrow function and default parameter feature from ES6 which is mentioned in the below site.

http://es6-features.org/#ExpressionBodies
http://es6-features.org/#DefaultParameterValues

Below is my code snippet of ES6 and i have tested this in Chrome 47 . I'm trying to give default parameter value for my arrow function which is currently throwing error like

<script type="text/javascript">
  'use strict';
  var greet = (name = 'Venkat') => (console.log('Hi ' + name + '!'));
  greet(); // expected output: Venkat
  greet('Venkatraman'); // expected output: Venkatraman
</script>

Let me know whether its possible, if so, explain with solution and what i'm doing wrong here.

Answer 1

No, that's not possible (yet, I suppose). What you can do though:

var greet = name => console.log('Hi ' + (name || 'Venkat') + '!');
greet(); // output: Venkat
greet('Venkatraman'); // output: Venkatraman

Try it here

[ jan 2018 ] The default parameter value is now supported in all major browsers I suppose

Answer 2

It seems it support only in Firefox

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