{"id":112,"date":"2016-09-03T23:29:26","date_gmt":"2016-09-03T23:29:26","guid":{"rendered":"http:\/\/www.bhoomabrsr.com\/blog\/?p=112"},"modified":"2016-09-03T23:29:26","modified_gmt":"2016-09-03T23:29:26","slug":"arrow-functions-environment-remembering","status":"publish","type":"post","link":"https:\/\/www.bhoomabrsr.com\/blog\/index.php\/2016\/09\/03\/arrow-functions-environment-remembering\/","title":{"rendered":"Arrow Functions \u2013 Environment Remembering"},"content":{"rendered":"

Arrow functions are mainly intended to\u00a0resolve several common pain points of traditional Function Expression. it will provide\u00a0Lexical this<\/em> binding and Short hand notations with ‘=>’ arrow symbol.
\nDefinition (ECMA6 Standard):<\/strong> Arrow functions bind this<\/em> lexically, bind return<\/em> in the Block body case so it returns from the immediately enclosing arrow function.
\nSyntax:<\/strong> ArrowParameters [no LineTerminator<\/em> here] => ConciseBody
\n[table class=”table table-striped”]
\nArrow Function Syntax,Arrow Function Examples
\n(parameters) -> expression,”(x,y) => x * y”
\n(parameters) -> statement,() => console.log(“Hello JS”);
\n(parameters) -> { statements },(s) => { n = s.length(); return n;}
\n[\/table]
\nSimply:<\/strong> which provide a shorter notation of anonymous functions + which binds only lexical this<\/em>, no dynamic this
\n<\/em>Pros:\u00a0<\/strong><\/p>\n