[{"data":1,"prerenderedAt":566},["ShallowReactive",2],{"post-\u002Ftr\u002Fecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler":3},{"page":4,"translation":416,"nav":418,"related":546,"random":556},{"id":5,"title":6,"body":7,"categories":396,"category":398,"date":399,"description":400,"draft":401,"extension":402,"image":403,"kind":398,"lang":117,"meta":404,"navigation":405,"path":406,"readingTime":407,"seo":408,"slug":409,"stem":410,"tags":411,"translationKey":413,"type":397,"updated":414,"__hash__":415},"postsTr\u002Ftr\u002Fecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler.md","ECMAScript Nedir? Bilinmesi Gerekenler...",{"type":8,"value":9,"toc":379},"minimark",[10,51,54,57,60,84,87,101,104,106,110,173,175,180,183,185,188,195,197,201,204,210,212,216,223,255,257,261,264,284,286,290,293,296,305,308,326,328,332,336,347,351,354,358,361,363,368],[11,12,13,21],"blockquote",{},[14,15,16,17],"p",{},"💡 ",[18,19,20],"strong",{},"Özet (TL;DR):",[22,23,24,35,41],"ul",{},[25,26,27,30,31,34],"li",{},[18,28,29],{},"ECMAScript Nedir?:"," Scripting dilleri için kuralları belirleyen resmi bir ",[18,32,33],{},"standarttır"," (spesifikasyon). JavaScript ise bu standardın en popüler uygulamasıdır.",[25,36,37,40],{},[18,38,39],{},"Sürümler (ES6 vs. ES.next):"," ES6 (2015) dildeki en büyük devrimdir. Sonrasında her yıl kararlı güncellemeler (ES2016-ES2026+) yayınlanmaktadır.",[25,42,43,46,47],{},[18,44,45],{},"Motto:"," ",[48,49,50],"em",{},"ECMAScript yemek tarifidir, JavaScript o tarifle pişirilmiş yemektir.",[14,52,53],{},"GitHub'daki bir JavaScript kütüphanesi, hayalini kurduğunuz şirketin iş ilanı ya da Twitter'da gördüğünüz bir tweet... ECMAScript, JavaScript ile ilgili birçok yerde karşımıza çıkıyor. Fakat \"senior\" seviyesindeki iş ilanlarında bile bu konuda bir kafa karışıklığı var. Scripting dillerine ve bizim özelimizde JavaScript'e standart getirmeyi amaçlayan ECMAScript'in ilanlarda kullanımı ile ilgili belirli bir standart yok. Açıkçası bu yazıyı yazma fikri benzer ilanlara bakarken aklıma geldi. :)",[55,56],"hr",{},[14,58,59],{},"İlanlarda şöyle gereksinimler görebilirsiniz:",[22,61,62,65,78,81],{},[25,63,64],{},"JavaScript ve ECMAScript bilgisi",[25,66,67,72,73,77],{},[68,69,71],"a",{"href":70},"\u002Ftr\u002Fes5-nedir","ES5"," ve ",[68,74,76],{"href":75},"\u002Ftr\u002Fes6-nedir-ecmascript-2015-nedir","ES6"," bilgisi",[25,79,80],{},"ES6+ bilgisi (en sık kullanılan ama teknik olarak biraz muğlak olanı)",[25,82,83],{},"ES.Next bilgisi (dile eklenecek en son özellikleri ifade edeni)",[14,85,86],{},"Google'a ECMAScript yazınca da bu konuda bir kafa karışıklığı olduğu görülüyor:",[22,88,89,92,95,98],{},[25,90,91],{},"ECMAScript vs. JavaScript",[25,93,94],{},"ECMAScript Nedir?",[25,96,97],{},"ECMAScript ve JavaScript Farkları",[25,99,100],{},"ECMAScript Öğrenmek",[14,102,103],{},"Konunun netleşmesi için temel kavramları inceleyelim.",[55,105],{},[107,108,91],"h3",{"id":109},"ecmascript-vs-javascript",[111,112,113,130],"table",{},[114,115,116],"thead",{},[117,118,119,124,127],"tr",{},[120,121,123],"th",{"align":122},"left","Özellik",[120,125,126],{"align":122},"ECMAScript",[120,128,129],{"align":122},"JavaScript",[131,132,133,147,160],"tbody",{},[117,134,135,141,144],{},[136,137,138],"td",{"align":122},[18,139,140],{},"Rolü",[136,142,143],{"align":122},"Standart \u002F Spesifikasyon Belgesi (Tarif)",[136,145,146],{"align":122},"Programlama Dili \u002F Uygulama (Yemek)",[117,148,149,154,157],{},[136,150,151],{"align":122},[18,152,153],{},"Yöneten Yapı",[136,155,156],{"align":122},"ECMA International (TC39 Komitesi)",[136,158,159],{"align":122},"Tarayıcı ve Çalışma Zamanı Motorları (V8, SpiderMonkey)",[117,161,162,167,170],{},[136,163,164],{"align":122},[18,165,166],{},"Çalıştırılabilirlik",[136,168,169],{"align":122},"Çalıştırılamaz (Kağıt üstündeki kurallardır)",[136,171,172],{"align":122},"Tarayıcılarda, Node.js veya Bun ortamlarında çalıştırılır",[55,174],{},[176,177,179],"h2",{"id":178},"ecma-international-nedir","ECMA International Nedir?",[14,181,182],{},"ECMA, uzun adıyla \"European Computer Manufacturers Association\", kâr amacı gütmeyen, bilgi ve iletişim teknolojileri konusunda standartlar yayınlayan uluslararası bir çatı dernektir. Yalnızca ECMAScript'ten ibaret değildir; CD-ROM'lardan dosya sistemlerine kadar birçok farklı alanda standartlar geliştirir.",[55,184],{},[176,186,94],{"id":187},"ecmascript-nedir",[14,189,190,191,194],{},"ECMA International tarafından yayınlanmış birçok standarttan biri olan ",[18,192,193],{},"ECMA-262",", ECMAScript standardını düzenler. ECMAScript, genel amaçlı scripting dillerinin uyması gereken kuralları, sözdizimini (syntax) ve standart kütüphane API'lerini belirleyen resmi spesifikasyon belgesidir.",[55,196],{},[176,198,200],{"id":199},"ecmascript-vs-javascript-farkı","ECMAScript vs. JavaScript Farkı",[14,202,203],{},"ECMAScript bir standarttır. JavaScript ise bu standarda uyan ve onu uygulayan bir programlama dilidir.",[14,205,206,209],{},[18,207,208],{},"\"JavaScript biliyorum ama ECMAScript bilmiyorum\""," diye bir durum söz konusu değildir. Yazdığınız modern JavaScript kodlarının tamamı aslında ECMAScript standartlarının birer yansımasıdır. Sıfırdan yeni bir tarayıcı motoru veya yeni bir betik dili geliştirmeyecekseniz, standart belgesini sayfa sayfa okumanıza gerek yoktur. Ancak dile eklenen yeni özellikleri takip etmek, daha kaliteli kod yazmanızı sağlar.",[55,211],{},[176,213,215],{"id":214},"tc39-komitesi-ve-yeni-özelliklerin-eklenme-aşamaları","TC39 Komitesi ve Yeni Özelliklerin Eklenme Aşamaları",[14,217,218,219,222],{},"Yeni bir dil özelliğinin ECMAScript standardına (ve dolayısıyla JavaScript'e) dahil edilmesi, ",[18,220,221],{},"TC39 (Technical Committee 39)"," komitesi tarafından yönetilen 5 aşamalı (Stage 0 - Stage 4) bir süreçten geçer:",[22,224,225,231,237,243,249],{},[25,226,227,230],{},[18,228,229],{},"Stage 0 (Strawman):"," Fikir aşaması. Komite üyesi bir geliştiricinin dille ilgili önerisidir.",[25,232,233,236],{},[18,234,235],{},"Stage 1 (Proposal):"," Taslak aşaması. Önerilen özelliğin gerekçesi, kullanım senaryoları ve olası API tasarımları sunulur.",[25,238,239,242],{},[18,240,241],{},"Stage 2 (Draft):"," İlk Taslak. Özelliğin sözdizimi ve semantiği resmi şartname diliyle yazılır.",[25,244,245,248],{},[18,246,247],{},"Stage 3 (Candidate):"," Aday Sürüm. Tasarım tamamlanmıştır. Tarayıcı motorlarının bu özelliği deneysel olarak uygulamaya (implement) başlaması beklenir.",[25,250,251,254],{},[18,252,253],{},"Stage 4 (Finished):"," Tamamlanan Sürüm. Özellik artık standartlaşmıştır ve bir sonraki yıllık ECMAScript sürümüne resmi olarak eklenir.",[55,256],{},[176,258,260],{"id":259},"es5-es6-es2020-es11-nedir-bütün-bunlar","ES5, ES6, ES2020 (ES11)... Nedir Bütün Bunlar?",[14,262,263],{},"ECMAScript her yıl gözden geçirilerek güncellenir. 2015 yılındaki büyük değişiklikten (ES6) sonra komite, sürümleri sürüm numarası yerine yıllarla adlandırmaya karar vermiştir (ES2015, ES2020 vb.).",[22,265,266,272,278],{},[25,267,268,271],{},[18,269,270],{},"ES6 (ECMAScript 2015):"," Let\u002FConst, Arrow Functions, Classes, Promises ve Modules gibi dilin çehresini tamamen değiştiren en büyük güncellemedir.",[25,273,274,277],{},[18,275,276],{},"ES.next:"," Standartlaştırma sürecinin son aşamasında olan ve bir sonraki resmi sürümde yer alacak olan özellikleri ifade eder.",[25,279,280,283],{},[18,281,282],{},"ES8+ Gereksinimi:"," Kodun çalışması için async\u002Fawait gibi ES8 (ES2017) ve sonrasına ait özellikleri destekleyen bir çalışma ortamına ihtiyaç duyulduğu anlamına gelir.",[55,285],{},[176,287,289],{"id":288},"ecmascript-kodum-her-ortamda-çalışır-mı","ECMAScript Kodum Her Ortamda Çalışır mı?",[14,291,292],{},"Günümüzde uyumluluk tablosu oldukça değişti. ES6 (2015) sürümü ve hatta ES2020\u002FES2021 gibi birçok modern ECMAScript özelliği, modern tarayıcılar ve Node.js\u002FBun ortamları tarafından %99.9 oranında yerel (native) olarak desteklenmektedir.",[14,294,295],{},"Derleyicilere (transpiler) ve paketleyicilere yalnızca şu durumlarda ihtiyaç duyarsınız:",[297,298,299,302],"ol",{},[25,300,301],{},"Internet Explorer gibi artık geçerliliğini yitirmiş çok eski tarayıcıları veya eski mobil cihazları desteklemeniz gerekiyorsa.",[25,303,304],{},"TC39 komitesi tarafından henüz resmileştirilmemiş deneysel özellikleri (ES.Next) kullanmak istiyorsanız.",[14,306,307],{},"Bu durumlar için kullanılan popüler araçlar:",[22,309,310,316],{},[25,311,312,315],{},[18,313,314],{},"Babel:"," Klasik ve en popüler JavaScript derleyicisidir. ES6+ kodlarını eski tarayıcıların anlayabileceği ES5 formatına çevirir.",[25,317,318,321,322,325],{},[18,319,320],{},"SWC & esbuild:"," Babel'ın modern, Rust ve Go dilleriyle yazılmış ultra hızlı alternatifleridir. Modern araçlar (",[18,323,324],{},"Vite",", Next.js vb.) artık varsayılan olarak SWC veya esbuild kullanmaktadır.",[55,327],{},[176,329,331],{"id":330},"sıkça-sorulan-sorular","Sıkça Sorulan Sorular",[107,333,335],{"id":334},"javascript-dışında-ecmascript-kullanan-başka-diller-var-mı","JavaScript dışında ECMAScript kullanan başka diller var mı?",[14,337,338,339,342,343,346],{},"Geçmişte Microsoft tarafından geliştirilen ",[18,340,341],{},"JScript"," ve Adobe Flash altyapısında kullanılan ",[18,344,345],{},"ActionScript"," de ECMAScript standartlarını temel almaktaydı. Günümüzde ise en yaygın ve baskın uygulama JavaScript'tir.",[107,348,350],{"id":349},"i̇ş-ilanlarında-es6-bilgisi-neden-aranıyor","İş ilanlarında \"ES6+ bilgisi\" neden aranıyor?",[14,352,353],{},"Aslında istenen şey, sadece 2009 öncesi eski JavaScript (ES5) yazım tarzıyla kalmayıp; modern JavaScript'in getirdiği import\u002Fexport, destructuring, arrow functions, async\u002Fawait gibi modern pratiklere hakim olmanızdır.",[107,355,357],{"id":356},"swcesbuild-varken-babela-hala-ihtiyaç-var-mı","SWC\u002Fesbuild varken Babel'a hala ihtiyaç var mı?",[14,359,360],{},"Çok eski tarayıcıları desteklemeniz gerekiyorsa ve oldukça spesifik Babel eklentilerine bağımlıysanız Babel hala gereklidir. Ancak standart web projelerinde hız avantajı nedeniyle SWC ve esbuild modern standart haline gelmiştir.",[55,362],{},[364,365,367],"h5",{"id":366},"bu-yazıda-yapılan-değişiklikler","Bu Yazıda Yapılan Değişiklikler",[22,369,370,373,376],{},[25,371,372],{},"21.06.2026: Türkçe imla kuralları (birçok, kâr amacı vb.), JavaScript marka adı yazımları ve esbuild küçük harf standardı uygulandı. Tarayıcı uyumluluğu ve ES5 derleme gerekliliği bilgileri 2026 standartları doğrultusunda güncellendi.",[25,374,375],{},"20.06.2026: Yazı 2026 standartları doğrultusunda güncellendi. TC39 karar süreçleri (Stage 0-4), ECMAScript vs. JavaScript karşılaştırma tablosu, SWC ve esbuild gibi modern derleyici alternatifleri eklendi.",[25,377,378],{},"12.05.2022: Yazı özeti düzenlendi, bazı yazım hataları düzeltildi.",{"title":380,"searchDepth":381,"depth":381,"links":382},"",2,[383,385,386,387,388,389,390,391],{"id":109,"depth":384,"text":91},3,{"id":178,"depth":381,"text":179},{"id":187,"depth":381,"text":94},{"id":199,"depth":381,"text":200},{"id":214,"depth":381,"text":215},{"id":259,"depth":381,"text":260},{"id":288,"depth":381,"text":289},{"id":330,"depth":381,"text":331,"children":392},[393,394,395],{"id":334,"depth":384,"text":335},{"id":349,"depth":384,"text":350},{"id":356,"depth":384,"text":357},[397],"technical",null,"2021-10-20","ECMAScript standardının ne olduğunu, JavaScript ile arasındaki farkları, TC39 komitesi süreçlerini ve modern derleyicileri (Babel, SWC, esbuild) öğrenin.",false,"md","\u002Fimages\u002Fhero\u002Fecmascript.avif",{},true,"\u002Ftr\u002Fecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler",5,{"title":6,"description":400},"ecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler","tr\u002Fecmascript-nedir-ecmascript-ne-degildir-bilinmesi-gerekenler",[412],"javascript","what-is-ecmascript","2026-06-21","6CBunbI3voTroGAutu11yYUOCEzaauTBYWe4wHi2sII",{"path":417},"\u002Fwhat-is-ecmascript",{"prev":419,"next":422,"others":424,"lucky":545,"readingTime":407},{"path":420,"title":421},"\u002Ftr\u002Fheadless-wordpress-hakkinda-her-sey","Headless WordPress Hakkında Her Şey",{"path":70,"title":423},"ES5 Nedir? JavaScript Geliştiricileri İçin Kılavuz",[425,428,431,434,437,440,443,446,449,452,455,458,461,464,467,470,473,476,479,482,485,488,491,494,497,500,503,506,509,512,515,518,521,524,527,530,533,536,539,542],{"path":426,"title":427},"\u002Ftr\u002Fproxy-tasarim-deseni-nedir","Proxy Tasarım Deseni Nedir?",{"path":429,"title":430},"\u002Ftr\u002Fes8-nedir-ecmascript-2017-nedir","ES8 Nedir? ECMAScript 2017 Nedir?",{"path":432,"title":433},"\u002Ftr\u002Fvisitor-tasarim-deseni-nedir","Visitor Tasarım Deseni Nedir?",{"path":435,"title":436},"\u002Ftr\u002Fphp-ve-makine-ogrenimi-php-ml-kutuphanesi","PHP ve Makine Öğrenimi: PHP-ML Kütüphanesi ile Pratik Çözümler",{"path":438,"title":439},"\u002Ftr\u002Fes15-nedir-ecmascript-2024-nedir","ES15 nedir? ECMAScript 2024 nedir?",{"path":441,"title":442},"\u002Ftr\u002Fgarbage-collection-ve-golang","Garbage Collection ve Go (Golang)",{"path":444,"title":445},"\u002Ftr\u002Fcomposite-tasarim-deseni-nedir","Composite Tasarım Deseni Nedir?",{"path":447,"title":448},"\u002Ftr\u002Fgraylog-nedir-docker-ile-nasil-kurulur","Graylog Nedir? Docker Compose ile Adım Adım Kurulum Rehberi",{"path":450,"title":451},"\u002Ftr\u002Fearly-return-erken-donus-nedir","Early Return \u002F Erken Dönüş nedir?",{"path":453,"title":454},"\u002Ftr\u002Fes9-nedir-ecmascript-2018-nedir","ES9 Nedir? ECMAScript 2018 Nedir?",{"path":456,"title":457},"\u002Ftr\u002Fdesign-patterns-tasarim-desenleri-nedir","Design Patterns \u002F Tasarım Desenleri nedir?",{"path":459,"title":460},"\u002Ftr\u002Fstate-tasarim-deseni-nedir","State Tasarım Deseni Nedir?",{"path":462,"title":463},"\u002Ftr\u002Fobserver-tasarim-deseni-nedir","Observer Tasarım Deseni Nedir?",{"path":465,"title":466},"\u002Ftr\u002Fwordpress-yonetici-sifresini-wp-cli-kullanarak-sifirlama","WordPress Yönetici Şifresini WP-CLI Kullanarak Sıfırlama",{"path":468,"title":469},"\u002Ftr\u002Ftemplate-method-tasarim-deseni-nedir","Template Method Tasarım Deseni Nedir?",{"path":471,"title":472},"\u002Ftr\u002Fflyweight-tasarim-deseni-nedir","Flyweight Tasarım Deseni Nedir?",{"path":474,"title":475},"\u002Ftr\u002Fekran-filtresi-mavi-isik-filtresi-flux","Gözlere dost, mavi ışığa düşman ekran filtresi f.lux",{"path":477,"title":478},"\u002Ftr\u002Fgo-ve-degiskenler","Go ve Değişkenler",{"path":480,"title":481},"\u002Ftr\u002Fphp-generator-ve-iterator-farki","PHP'de Generator ve Iterator Arasındaki Temel Farklar",{"path":483,"title":484},"\u002Ftr\u002Fself-hosted-api-gateway-nasil-kurulur-kapsamli-rehber","Self-Hosted API Gateway Nasıl Kurulur? Kapsamlı Rehber",{"path":486,"title":487},"\u002Ftr\u002Fubuntu-24-04-uzerinde-cyberpanel-kurulumu","Ubuntu 24.04 LTS ve 22.04 LTS Üzerinde CyberPanel Kurulumu",{"path":489,"title":490},"\u002Ftr\u002Fes11-nedir-ecmascript-2020-nedir","ES11 Nedir? ECMAScript 2020 Nedir?",{"path":492,"title":493},"\u002Ftr\u002Ffull-stack-proje-agaci","Full-Stack Proje Yol Haritası ve İçindekiler",{"path":495,"title":496},"\u002Ftr\u002Fmerhaba-phalcon-framework","Merhaba Phalcon Framework",{"path":498,"title":499},"\u002Ftr\u002Ffactory-method-ve-abstract-factory-farki-nedir","Factory Method ve Abstract Factory Farkı Nedir?",{"path":501,"title":502},"\u002Ftr\u002Fdocker-ile-redis-kurulumu","Docker ile Redis Kurulumu",{"path":504,"title":505},"\u002Ftr\u002Fdocker-ile-mongodb-kurulumu","Docker ile MongoDB Kurulumu",{"path":507,"title":508},"\u002Ftr\u002Frabbitmq-nedir","RabbitMQ Nedir?",{"path":510,"title":511},"\u002Ftr\u002Fcommand-tasarim-deseni-nedir","Command Tasarım Deseni Nedir?",{"path":513,"title":514},"\u002Ftr\u002Fdigital-oceanda-vps-kurulumu","DigitalOcean'da VPS (Droplet) Kurulumu: Adım Adım Rehber",{"path":516,"title":517},"\u002Ftr\u002Fiterator-tasarim-deseni-nedir","Iterator Tasarım Deseni Nedir?",{"path":519,"title":520},"\u002Ftr\u002Fdocker-nedir","Docker Nedir?",{"path":522,"title":523},"\u002Ftr\u002Fvite-nedir","Vite Nedir? Modern Web Geliştirme ve Paketleme Aracı",{"path":525,"title":526},"\u002Ftr\u002Fmerhaba-tailwind-css","Merhaba Tailwind CSS",{"path":528,"title":529},"\u002Ftr\u002Fdecorator-tasarim-deseni-nedir","Decorator Tasarım Deseni Nedir?",{"path":531,"title":532},"\u002Ftr\u002Fopenlitespeed-ve-litespeed-enterprisei-reverse-proxy-olarak-kullanmak","OpenLiteSpeed ve LiteSpeed Enterprise Sunucularını Reverse Proxy Olarak Kullanmak",{"path":534,"title":535},"\u002Ftr\u002Fgo-veri-tipleri-struct","Go Veri Tipleri: Struct",{"path":537,"title":538},"\u002Ftr\u002Fstrategy-tasarim-deseni-nedir","Strategy Tasarım Deseni Nedir?",{"path":540,"title":541},"\u002Ftr\u002Fes7-nedir-ecmascript-2016-nedir","ES7 Nedir? ECMAScript 2016 Nedir?",{"path":543,"title":544},"\u002Ftr\u002Fgoda-iota-nedir-iota-ne-zaman-ve-nerede-kullanilir","Go'da iota Nedir? iota Ne Zaman ve Nerede Kullanılır?",{"path":525,"title":526},[547,548,552,555],{"path":522,"title":523,"date":414},{"path":549,"title":550,"date":551},"\u002Ftr\u002Fes13-nedir-ecmascript-2022-nedir","ES13 nedir? ECMAScript 2022 nedir?","2026-06-20",{"path":553,"title":554,"date":551},"\u002Ftr\u002Fes14-nedir-ecmascript-2023-nedir","ES14 nedir? ECMAScript 2023 nedir?",{"path":438,"title":439,"date":551},[557,561,562],{"path":558,"title":559,"date":560},"\u002Ftr\u002Ftasarim-kaliplari-design-patterns-abstract-factory-nedir","Abstract Factory Tasarım Deseni Nedir?","2021-07-27",{"path":480,"title":481,"date":551},{"path":563,"title":564,"date":565},"\u002Ftr\u002Fadapter-tasarim-deseni-nedir","Adapter Tasarım Deseni Nedir?","2021-08-21",1782142001239]