arrow functions techniques ➡

Author: lgope

js-coding-technique/arrow-functions.js

@@ -0,0 +1,21 @@
+// Longhand:
+
+function sayHi(name) {
+  console.log('Hi', name);
+}
+
+setTimeout(function() {
+  console.log('Loading');
+}, 2000);
+
+list.forEach(function(item) {
+  console.log(item);
+});
+
+// Shorthand:
+
+sayHi = name => console.log('Hi', name);
+
+setTimeout(() => console.log('Loading'), 2000);
+
+list.forEach(item => console.log(item));

js-coding-technique/implicit-return.js

@@ -0,0 +1,11 @@
+// Longhand:
+
+function calcCircumference(diameter) {
+  return Math.PI * diameter;
+}
+
+// Shorthand:
+
+// calcCircumference = diameter => (
+//     Math.PI * diameter
+//   )