{"id":8524,"date":"2018-07-11T12:14:18","date_gmt":"2018-07-11T12:14:18","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=8524"},"modified":"2018-07-11T12:14:18","modified_gmt":"2018-07-11T12:14:18","slug":"ecmascript-6-arrow-functions","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/ecmascript-6-arrow-functions\/","title":{"rendered":"ECMAScript 6 &#8211; Arrow Functions"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Merhaba,<\/p>\n<p>Bu i\u00e7eri\u011fimizde klasik JavaScript&#8217;te olu\u015fturdu\u011fumuz fonksiyonlar\u0131n ECMAScript 6 ile gelen Arrow Functions \u00f6zelli\u011fi ile nas\u0131l daha pratik, okunabilir ve kullan\u0131\u015fl\u0131 bir hale getirildi\u011fini inceleyece\u011fiz.<\/p>\n<p>Klasik JavaScript&#8217;te fonksiyonlar a\u015fa\u011f\u0131daki gibi olu\u015fturulmaktad\u0131r.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar myFunction = function () {\r\n    return true;\r\n}\r\n<\/pre>\n<p>Bu fonksiyon tan\u0131mlama i\u015fleminde kod yap\u0131s\u0131na \u015f\u00f6yle bir g\u00f6z atarsak e\u011fer bir hantall\u0131k s\u00f6z konusu. ECMAScript 6 ile Arrow Functions \u00f6zelli\u011fi ile fonksiyonlar\u0131 a\u015fa\u011f\u0131daki gibi tan\u0131mlayabilmekteyiz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nconst myFunction = () =&gt; {\r\n    return true;\r\n};\r\n<\/pre>\n<p>Bu bir \u00fcst tan\u0131mlamadaki fonksiyonun birebir ayn\u0131s\u0131d\u0131r.<\/p>\n<p>E\u011fer ki fonksiyonumuzda parametre varsa parantez i\u00e7erisine bildirmemiz yeterlidir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nconst myFunction = (x, y) =&gt; {\r\n    return x + y;\r\n};\r\n<\/pre>\n<p>E\u011fer ki parametre say\u0131s\u0131 bir adetse a\u015fa\u011f\u0131daki gibi parantez olmaks\u0131z\u0131n tekli tan\u0131mlama yapabiliriz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nconst myFunction = x =&gt; {\r\n    return x + 5;\r\n};\r\n<\/pre>\n<p>Ve fonksiyon i\u00e7erisinde sadece tek sat\u0131rl\u0131k bir i\u015flem yap\u0131lacaksa scope kullanmaks\u0131z\u0131n o i\u015flemi ger\u00e7ekle\u015ftirebiliriz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nconst myFunction = (x) =&gt; console.log(x);\r\n<\/pre>\n<p>Evet&#8230; ECMAScript 6 Arrow Functions \u00f6zelli\u011fi ile g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi gayet kullan\u0131\u015fl\u0131 ve estetik bir fonksiyon tan\u0131mlama syntax&#8217;\u0131 getirmektedir.<\/p>\n<p>Bol bol kullanman\u0131z dile\u011fiyle&#8230; \ud83d\ude42<\/p>\n<p>Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere&#8230;<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Merhaba, Bu i\u00e7eri\u011fimizde klasik JavaScript&#8217;te olu\u015fturdu\u011fumuz fonksiyonlar\u0131n ECMAScript 6 ile gelen Arrow Functions \u00f6zelli\u011fi ile nas\u0131l daha pratik, okunabilir ve kullan\u0131\u015fl\u0131 bir hale getirildi\u011fini inceleyece\u011fiz. Klasik JavaScript&#8217;te fonksiyonlar a\u015fa\u011f\u0131daki gibi olu\u015fturulmaktad\u0131r. var myFunction =&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":8497,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2443,2145],"tags":[2457,2440,2458],"class_list":["post-8524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecmascript-6","category-node-js","tag-arrow-functions","tag-ecmascript-6","tag-ecmascript-6-arrow-functions"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=8524"}],"version-history":[{"count":2,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8524\/revisions"}],"predecessor-version":[{"id":8526,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8524\/revisions\/8526"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/8497"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=8524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=8524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=8524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}