[{"data":1,"prerenderedAt":657},["ShallowReactive",2],{"post-\u002Ftr\u002Fes7-nedir-ecmascript-2016-nedir":3},{"page":4,"translation":493,"nav":507,"related":635,"random":645},{"id":5,"title":6,"body":7,"categories":491,"category":493,"date":494,"description":495,"draft":496,"extension":497,"image":498,"kind":493,"lang":78,"meta":499,"navigation":246,"path":500,"readingTime":204,"seo":501,"slug":502,"stem":503,"tags":504,"translationKey":502,"type":492,"updated":505,"__hash__":506},"postsTr\u002Ftr\u002Fes7-nedir-ecmascript-2016-nedir.md","ES7 Nedir? ECMAScript 2016 Nedir?",{"type":8,"value":9,"toc":484},"minimark",[10,52,63,66,71,129,131,136,139,151,154,156,160,184,278,285,287,291,301,443,460,465,480],[11,12,13,21],"blockquote",{},[14,15,16,17],"p",{},"💡 ",[18,19,20],"strong",{},"Özet (TL;DR):",[22,23,24,31,46],"ul",{},[25,26,27,30],"li",{},[18,28,29],{},"ES7 (ES2016) Nedir?:"," Haziran 2016'da yayınlanan ve JavaScript diline küçük ama oldukça pratik iki yeni özellik kazandıran 7. ECMAScript sürümüdür.",[25,32,33,36,37,41,42,45],{},[18,34,35],{},"Yenilikler:"," Üs alma operatörü (",[38,39,40],"code",{},"**",") ve dizi aramalarını kolaylaştıran ",[38,43,44],{},"Array.prototype.includes()"," fonksiyonu.",[25,47,48,51],{},[18,49,50],{},"Önemi:"," ES6'daki devasa değişiklik fırtınasından sonra, komitenin her yıl daha küçük ve kararlı sürümler yayınlama stratejisinin ilk örneğidir.",[14,53,54],{},[18,55,56,57,62],{},"ES7 (ECMAScript 2016), Haziran 2016'da yayınlanan 7. ",[58,59,61],"a",{"href":60},"\u002Ftr\u002Fecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler","ECMAScript"," sürümüdür.",[64,65],"hr",{},[67,68,70],"h3",{"id":69},"es7-ile-değişen-yazım-standartları","ES7 ile Değişen Yazım Standartları",[72,73,74,91],"table",{},[75,76,77],"thead",{},[78,79,80,85,88],"tr",{},[81,82,84],"th",{"align":83},"left","Özellik",[81,86,87],{"align":83},"ES7 Öncesi (ES5 \u002F ES6)",[81,89,90],{"align":83},"ES7 ve Sonrası",[92,93,94,112],"tbody",{},[78,95,96,102,107],{},[97,98,99],"td",{"align":83},[18,100,101],{},"Üs Alma (Exponentiation)",[97,103,104],{"align":83},[38,105,106],{},"Math.pow(base, exponent)",[97,108,109],{"align":83},[38,110,111],{},"base ** exponent",[78,113,114,119,124],{},[97,115,116],{"align":83},[18,117,118],{},"Dizide Eleman Arama",[97,120,121],{"align":83},[38,122,123],{},"array.indexOf(item) !== -1",[97,125,126],{"align":83},[38,127,128],{},"array.includes(item)",[64,130],{},[132,133,135],"h2",{"id":134},"es7-ile-yeni-neler-geldi","ES7 ile Yeni Neler Geldi?",[14,137,138],{},"ES7 ile birlikte JavaScript'e aşağıdaki yenilikler geldi:",[22,140,141,147],{},[25,142,143,144,146],{},"Exponentiation (üssel ifade) Operatörü (",[38,145,40],{},")",[25,148,149],{},[38,150,44],{},[14,152,153],{},"Diğer sürümlerle karşılaştırıldığında sayıca en az yenilik getiren ECMAScript sürümü ES7 oldu. Ancak bu özelliklerin ikisi de geliştirme süreçlerinde kod okunabilirliğini ciddi şekilde artırdı.",[64,155],{},[67,157,159],{"id":158},"_1-exponentiation-operatörü","1. Exponentiation Operatörü",[14,161,162,163,166,167,166,170,166,173,176,177,179,180,183],{},"JavaScript, ES7 ile birlikte standart aritmetik ifadelere (",[38,164,165],{},"+",", ",[38,168,169],{},"-",[38,171,172],{},"*",[38,174,175],{},"\u002F",") ",[38,178,40],{}," operatörünü ekledi. Bu operatör soldaki sayının sağdaki sayı kadar üssünü almaya yarıyor. Yani ",[38,181,182],{},"3 ** 2 = 9"," (3'ün karesi) anlamına geliyor.",[185,186,191],"pre",{"className":187,"code":188,"language":189,"meta":190,"style":190},"language-javascript shiki shiki-themes github-light github-dark","\u002F\u002F ES7 öncesi yöntem\nconst oldWay = Math.pow(3, 2); \u002F\u002F 9\n\n\u002F\u002F ES7 ve sonrası\nconst newWay = 3 ** 2; \u002F\u002F 9\n","javascript","",[38,192,193,202,241,248,254],{"__ignoreMap":190},[194,195,198],"span",{"class":196,"line":197},"line",1,[194,199,201],{"class":200},"sJ8bj","\u002F\u002F ES7 öncesi yöntem\n",[194,203,205,209,213,216,220,224,227,230,232,235,238],{"class":196,"line":204},2,[194,206,208],{"class":207},"szBVR","const",[194,210,212],{"class":211},"sj4cs"," oldWay",[194,214,215],{"class":207}," =",[194,217,219],{"class":218},"sVt8B"," Math.",[194,221,223],{"class":222},"sScJk","pow",[194,225,226],{"class":218},"(",[194,228,229],{"class":211},"3",[194,231,166],{"class":218},[194,233,234],{"class":211},"2",[194,236,237],{"class":218},"); ",[194,239,240],{"class":200},"\u002F\u002F 9\n",[194,242,244],{"class":196,"line":243},3,[194,245,247],{"emptyLinePlaceholder":246},true,"\n",[194,249,251],{"class":196,"line":250},4,[194,252,253],{"class":200},"\u002F\u002F ES7 ve sonrası\n",[194,255,257,259,262,264,267,270,273,276],{"class":196,"line":256},5,[194,258,208],{"class":207},[194,260,261],{"class":211}," newWay",[194,263,215],{"class":207},[194,265,266],{"class":211}," 3",[194,268,269],{"class":207}," **",[194,271,272],{"class":211}," 2",[194,274,275],{"class":218},"; ",[194,277,240],{"class":200},[14,279,280,281,284],{},"Eskiler bilir, biz bunu ",[38,282,283],{},"Math.pow()"," fonksiyonu ile yapardık. :)",[64,286],{},[67,288,290],{"id":289},"_2-arrayprototypeincludes","2. Array.prototype.includes()",[14,292,293,296,297,300],{},[38,294,295],{},"includes()"," fonksiyonu, bir dizi (array) içerisinde arama yapmayı kolaylaştıran ve geriye ",[38,298,299],{},"boolean"," (true\u002Ffalse) bir değer dönen oldukça faydalı bir özelliktir.",[185,302,304],{"className":187,"code":303,"language":189,"meta":190,"style":190},"const students = [\"Ali\", \"Veli\", \"Ayşe\", \"Fatma\", \"Hayriye\"];\n\n\u002F\u002F ES7 öncesinde arama yapmak için indexOf kullanılırdı\nconst hasAyşeOld = students.indexOf(\"Ayşe\") !== -1; \u002F\u002F true\n\n\u002F\u002F ES7 ve sonrası\nconsole.log(students.includes(\"Ayşe\")); \u002F\u002F true\nconsole.log(students.includes(\"Evren\")); \u002F\u002F false\n",[38,305,306,345,349,354,389,393,398,422],{"__ignoreMap":190},[194,307,308,310,313,315,318,322,324,327,329,332,334,337,339,342],{"class":196,"line":197},[194,309,208],{"class":207},[194,311,312],{"class":211}," students",[194,314,215],{"class":207},[194,316,317],{"class":218}," [",[194,319,321],{"class":320},"sZZnC","\"Ali\"",[194,323,166],{"class":218},[194,325,326],{"class":320},"\"Veli\"",[194,328,166],{"class":218},[194,330,331],{"class":320},"\"Ayşe\"",[194,333,166],{"class":218},[194,335,336],{"class":320},"\"Fatma\"",[194,338,166],{"class":218},[194,340,341],{"class":320},"\"Hayriye\"",[194,343,344],{"class":218},"];\n",[194,346,347],{"class":196,"line":204},[194,348,247],{"emptyLinePlaceholder":246},[194,350,351],{"class":196,"line":243},[194,352,353],{"class":200},"\u002F\u002F ES7 öncesinde arama yapmak için indexOf kullanılırdı\n",[194,355,356,358,361,363,366,369,371,373,375,378,381,384,386],{"class":196,"line":250},[194,357,208],{"class":207},[194,359,360],{"class":211}," hasAyşeOld",[194,362,215],{"class":207},[194,364,365],{"class":218}," students.",[194,367,368],{"class":222},"indexOf",[194,370,226],{"class":218},[194,372,331],{"class":320},[194,374,176],{"class":218},[194,376,377],{"class":207},"!==",[194,379,380],{"class":207}," -",[194,382,383],{"class":211},"1",[194,385,275],{"class":218},[194,387,388],{"class":200},"\u002F\u002F true\n",[194,390,391],{"class":196,"line":256},[194,392,247],{"emptyLinePlaceholder":246},[194,394,396],{"class":196,"line":395},6,[194,397,253],{"class":200},[194,399,401,404,407,410,413,415,417,420],{"class":196,"line":400},7,[194,402,403],{"class":218},"console.",[194,405,406],{"class":222},"log",[194,408,409],{"class":218},"(students.",[194,411,412],{"class":222},"includes",[194,414,226],{"class":218},[194,416,331],{"class":320},[194,418,419],{"class":218},")); ",[194,421,388],{"class":200},[194,423,425,427,429,431,433,435,438,440],{"class":196,"line":424},8,[194,426,403],{"class":218},[194,428,406],{"class":222},[194,430,409],{"class":218},[194,432,412],{"class":222},[194,434,226],{"class":218},[194,436,437],{"class":320},"\"Evren\"",[194,439,419],{"class":218},[194,441,442],{"class":200},"\u002F\u002F false\n",[14,444,445,446,449,450,454,455,459],{},"Ne çabuk bitti. ",[58,447,448],{"href":60},"Diğer ECMAScript standartlarını"," uzun uzun yazmaya alıştığım için ES7 çok kısa geldi ama ",[58,451,453],{"href":452},"\u002Ftr\u002Fes6-nedir-ecmascript-2015-nedir","ES6"," ve ",[58,456,458],{"href":457},"\u002Ftr\u002Fes5-nedir","ES5"," acısını çıkartacaktır diye düşünüyorum. :)",[461,462,464],"h5",{"id":463},"bu-yazıda-yapılan-değişiklikler","Bu Yazıda Yapılan Değişiklikler",[22,466,467,477],{},[25,468,469,470,473,474,476],{},"21.06.2026: Kod örneğindeki tırnak kapatma hatası (sözdizimi hatası) düzeltildi. ",[38,471,472],{},"var"," yerine ",[38,475,208],{}," kullanımı getirildi, imla ve marka adları (JavaScript, ECMAScript) standardize edildi. ES7 karşılaştırma tablosu eklendi.",[25,478,479],{},"11.05.2022: Yazı özeti düzenlendi.",[481,482,483],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}",{"title":190,"searchDepth":204,"depth":204,"links":485},[486,487],{"id":69,"depth":243,"text":70},{"id":134,"depth":204,"text":135,"children":488},[489,490],{"id":158,"depth":243,"text":159},{"id":289,"depth":243,"text":290},[492],"technical",null,"2021-10-19","ES7 (ECMAScript 2016) özellikleri nelerdir? Üs alma operatörü (**) ve Array.prototype.includes() fonksiyonunun kullanımı ve kod örnekleri.",false,"md","\u002Fimages\u002Fhero\u002Fes7.avif",{},"\u002Ftr\u002Fes7-nedir-ecmascript-2016-nedir",{"title":6,"description":495},"es7-nedir-ecmascript-2016-nedir","tr\u002Fes7-nedir-ecmascript-2016-nedir",[189],"2026-06-21","yf5_Z_Uj_cPcIjG4A4hj0wmfFyf83MKewBP5RrNWN6o",{"prev":508,"next":511,"others":514,"lucky":632,"readingTime":204},{"path":509,"title":510},"\u002Ftr\u002Fes11-nedir-ecmascript-2020-nedir","ES11 Nedir? ECMAScript 2020 Nedir?",{"path":512,"title":513},"\u002Ftr\u002Fes8-nedir-ecmascript-2017-nedir","ES8 Nedir? ECMAScript 2017 Nedir?",[515,518,521,524,527,530,533,536,539,542,543,546,549,552,555,558,560,563,566,569,572,575,578,581,584,587,590,593,596,599,602,605,608,611,614,617,620,623,626,629],{"path":516,"title":517},"\u002Ftr\u002Fobserver-tasarim-deseni-nedir","Observer Tasarım Deseni Nedir?",{"path":519,"title":520},"\u002Ftr\u002Fvisitor-tasarim-deseni-nedir","Visitor Tasarım Deseni Nedir?",{"path":522,"title":523},"\u002Ftr\u002Fgraylog-nedir-docker-ile-nasil-kurulur","Graylog Nedir? Docker Compose ile Adım Adım Kurulum Rehberi",{"path":525,"title":526},"\u002Ftr\u002Fadapter-tasarim-deseni-nedir","Adapter Tasarım Deseni Nedir?",{"path":528,"title":529},"\u002Ftr\u002Fopenlitespeed-ve-litespeed-enterprisei-reverse-proxy-olarak-kullanmak","OpenLiteSpeed ve LiteSpeed Enterprise Sunucularını Reverse Proxy Olarak Kullanmak",{"path":531,"title":532},"\u002Ftr\u002Fstate-tasarim-deseni-nedir","State Tasarım Deseni Nedir?",{"path":534,"title":535},"\u002Ftr\u002Fmediator-tasarim-deseni-nedir","Mediator Tasarım Deseni Nedir?",{"path":537,"title":538},"\u002Ftr\u002Fphp-ve-makine-ogrenimi-php-ml-kutuphanesi","PHP ve Makine Öğrenimi: PHP-ML Kütüphanesi ile Pratik Çözümler",{"path":540,"title":541},"\u002Ftr\u002Fstrategy-tasarim-deseni-nedir","Strategy Tasarım Deseni Nedir?",{"path":512,"title":513},{"path":544,"title":545},"\u002Ftr\u002Fdocker-ile-mongodb-kurulumu","Docker ile MongoDB Kurulumu",{"path":547,"title":548},"\u002Ftr\u002Frest-api-uri-yapisi-nasil-olmali","REST API URI Yapısı Nasıl Olmalı?",{"path":550,"title":551},"\u002Ftr\u002Fdocker-nedir","Docker Nedir?",{"path":553,"title":554},"\u002Ftr\u002Frestapi-ve-hateoas-kavrami","RestApi ve HATEOAS Kavramı",{"path":556,"title":557},"\u002Ftr\u002Fnostalji-ibibik-online","Nostalji: İbibik Online (1998'den Bir Web Macerası)",{"path":60,"title":559},"ECMAScript Nedir? Bilinmesi Gerekenler...",{"path":561,"title":562},"\u002Ftr\u002Fmutable-ve-immutable-kavrami","Mutable ve Immutable Kavramları Nedir?",{"path":564,"title":565},"\u002Ftr\u002Flinuxda-golang-kurulumu","Linux'ta Golang Kurulumu",{"path":567,"title":568},"\u002Ftr\u002Fcommand-tasarim-deseni-nedir","Command Tasarım Deseni Nedir?",{"path":570,"title":571},"\u002Ftr\u002Ftailwind-css-nerede-kullanilir-tailwind-css-nerede-kullanilmaz","Tailwind CSS Nerede Kullanılır? Tailwind CSS Nerede Kullanılmaz?",{"path":573,"title":574},"\u002Ftr\u002Fdecorator-tasarim-deseni-nedir","Decorator Tasarım Deseni Nedir?",{"path":576,"title":577},"\u002Ftr\u002Fflyweight-tasarim-deseni-nedir","Flyweight Tasarım Deseni Nedir?",{"path":579,"title":580},"\u002Ftr\u002Fes14-nedir-ecmascript-2023-nedir","ES14 nedir? ECMAScript 2023 nedir?",{"path":582,"title":583},"\u002Ftr\u002Frest-api-dokumantasyonu-nasil-yapilir","REST Api Dokümantasyonu Nasıl Oluşturulur?",{"path":585,"title":586},"\u002Ftr\u002Fmerhaba-tailwind-css","Merhaba Tailwind CSS",{"path":588,"title":589},"\u002Ftr\u002Fgo-veri-tipleri-map","Go Veri Tipleri - Map",{"path":591,"title":592},"\u002Ftr\u002Fcodeserver-nedir-codeserver-nasil-kurulur","Code-Server Nedir? Bulutta VS Code Geliştirme Ortamı Kurulumu",{"path":594,"title":595},"\u002Ftr\u002Fsingleton-tasarim-deseni-nedir","Singleton Tasarım Deseni Nedir?",{"path":597,"title":598},"\u002Ftr\u002Fvite-nedir","Vite Nedir? Modern Web Geliştirme ve Paketleme Aracı",{"path":600,"title":601},"\u002Ftr\u002Fgo-veri-tipleri-string-integer-float-complex-boolean-ve-array","Go Veri Tipleri - String, Integer, Float, Complex, Boolean ve Array",{"path":603,"title":604},"\u002Ftr\u002Fdocker-ile-redis-kurulumu","Docker ile Redis Kurulumu",{"path":606,"title":607},"\u002Ftr\u002Fmerhaba-phalcon-framework","Merhaba Phalcon Framework",{"path":609,"title":610},"\u002Ftr\u002Flitespeed-web-server-performans-artisi","Konfor Alanından Çıkıp, Konforlu Bir VPS'e Geçmek: LiteSpeed Web Server",{"path":612,"title":613},"\u002Ftr\u002Fvue-3-hakkinda-bilmeniz-gerekenler-yenilikler","Vue 3 Hakkında Bilmeniz Gerekenler ve Yenilikler",{"path":615,"title":616},"\u002Ftr\u002Fphp-generator-ve-iterator-farki","PHP'de Generator ve Iterator Arasındaki Temel Farklar",{"path":618,"title":619},"\u002Ftr\u002Fubuntu-24-04-uzerinde-cyberpanel-kurulumu","Ubuntu 24.04 LTS ve 22.04 LTS Üzerinde CyberPanel Kurulumu",{"path":621,"title":622},"\u002Ftr\u002Fdocker-swarm-nedir","Docker Swarm Nedir?",{"path":624,"title":625},"\u002Ftr\u002Ftemiz-moduler-ve-yeniden-kullanilabilir-php-kodu-yazma-rehberi","PHP'de Temiz, Modüler ve Yeniden Kullanılabilir Kod Yazma Rehberi",{"path":627,"title":628},"\u002Ftr\u002Fgo-programlama-dilinin-ozellikleri","Go Programlama Dilinin Özellikleri",{"path":630,"title":631},"\u002Ftr\u002Fiterator-tasarim-deseni-nedir","Iterator Tasarım Deseni Nedir?",{"path":633,"title":634},"\u002Ftr\u002Ffull-stack-proje-gelistiriyoruz","Full Stack Proje Geliştiriyoruz",[636,637,641,642],{"path":597,"title":598,"date":505},{"path":638,"title":639,"date":640},"\u002Ftr\u002Fes13-nedir-ecmascript-2022-nedir","ES13 nedir? ECMAScript 2022 nedir?","2026-06-20",{"path":579,"title":580,"date":640},{"path":643,"title":644,"date":640},"\u002Ftr\u002Fes15-nedir-ecmascript-2024-nedir","ES15 nedir? ECMAScript 2024 nedir?",[646,650,653],{"path":647,"title":648,"date":649},"\u002Ftr\u002Fdocker-ile-litespeed-enterprise-kurulumu","Docker ile LiteSpeed Enterprise Kurulumu","2021-02-21",{"path":651,"title":652,"date":494},"\u002Ftr\u002Fes10-nedir-ecmascript-2019-nedir","ES10 Nedir? ECMAScript 2019 Nedir?",{"path":654,"title":655,"date":656},"\u002Ftr\u002Fdesign-patterns-tasarim-desenleri-nedir","Design Patterns \u002F Tasarım Desenleri nedir?","2021-07-24",1782142001651]