Bir geliştiricinin bilmesi gereken bazı temel JavaScript temellerini öğrenelim. Bu yorumlanmış programlama dili, kurumsal düzey uygulamalar geliştirmek için yaygın olarak kullanılmaktadır.

JavaScript Temel Kavramlar

Genel Bakış

JavaScript, dinamik web tabanlı uygulamalar geliştirmek için kullanılan bir komut dosyası dilidir. Statik web siteleri oluşturmak için HTML ve CSS kullanıyoruz. Önceki blog yazımızda, Belge Nesne Modeli ‘i ele aldık ve şimdi diğer önemli JavaScript Temel Kavramları ele alacağız**. Web geliştiricileri, zengin özellikleri ve çerçeveleri nedeniyle bu komut dosyası dilini tercih etme eğilimindedir. Ayrıca, JavaScript’i öğrenerek ön uç ve arka uçta geliştirme yapabilirsiniz. Ancak, yalnızca web uygulamaları geliştiremezsiniz, aynı zamanda mobil uygulamalar da geliştiremezsiniz. Bu JavaScript öğreticisi, kendinizi bir röportaj oturumuna hazırlıyorsanız size yardımcı olacaktır. Bununla birlikte, bu kılavuz bilgi kovanıza daha fazla eklemek için okumaya değer. Bu makalede aşağıdaki noktaları ele alacağız:

JavaScript’te neyin kaldırılması

Mevcut kapsamın üstünde işlev veya değişken beyan alma olgusu kaldırma olarak bilinir. Bu çok kritik bir kavramdır ve çoğu JavaScript geliştiricisi bunun farkında değildir. Bununla birlikte, burada dikkat edilmesi gereken önemli bir şey, fonksiyon/değişken başlatma değil, sadece işlev/değişken bildirimlerinin üste alınmasıdır. Bir örnek alalım ve aşağıdaki kod snippet’ini görelim;

printResults();
function printResults(){
    console.log("hello programmers")
}
// output: hello programmers

Yukarıdaki kod örneğinde, işlev çağrısını işlev bildiriminden önce yaptık, ancak kod başarılı bir şekilde yürütülse ve bu JavaScript kaldırma nedeniyle. Temel olarak, derleme süresi boyunca, JavaScript tercümanı kodu tarar, tüm işlevleri/değişkenleri toplar ve bunları sözcüksel ortam adı verilen belleğe koyar. Aynı şey değişkenler için de olur.

name = "mustafa";
console.log(name);
var name;

Benzer şekilde, ad değişkeni başlatma beyanından önce yapıldı ve kod herhangi bir hata olmadan çalışır. Yine, derleme süresi boyunca, JS tercümanı değişken bildirimini bulmak için sözcüksel ortama baktı ve böylece kodu yürüttü. Dolayısıyla, Let ve Const anahtar kelimeleriyle değişkenleri beyan ederseniz, JavaScript onları biraz farklı bir şekilde kaldıracaktır.

name = "mustafa";
console.log(name);
let name;
// Uncaught ReferenceError: Cannot access 'name' before initialization

Yukarıdaki kod snippet’teki hata oluştu. Bunun nedeni, bu değişkeni kaldırırken başlatmanın yapılmamasıdır. Uzun lafın kısası, tüm bildirimler “tanımsız” ile başlatılırken, “let” veya “const” ile ilan edilen değişkenler kaldırma sırasında başlatılmamıştır.

JavaScript’teki kapsamlar

Kapsam, bir geliştiricinin bilmesi gereken JavaScript temel kavramlarından biridir. Bununla birlikte, JavaScript Scopes ile çalışmak basit değildir ve biraz farklıdır. Bu nedenle, JavaScript’te üç tür kapsam vardır ve bunlar aşağıdaki gibidir: Blok seviyesi : “Let” veya “const” ile bildirilen değişkenler blok seviyesi kapsamını içerir.

if(true){
  let a = 1;
}
// a is not accessible outside the curly braces.

“A” değişkenine kıvırcık parantezlerin dışında {} erişilemez çünkü blok düzeyinde kapsamı vardır. Fonksiyon seviyesi : JavaScript işlevinin içinde bildirilen değişkenler yerel kapsamı vardır.

function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is not accessible outside the function.

Burada dikkat edilmesi gereken önemli bir şey, “let” “const” ve “var” ile ilan edilen değişkenlerin işlev gövdesi içinde işlev kapsamına sahip olmasıdır. Global-Level : İşlev dışında ilan edilen değişkenler küresel değişkenler haline gelir. “Let”, “const” veya “var” anahtar kelimeleri kullanarak onları ilan etmiş olsanız da. Ayrıca, bir değişken, aşağıdaki kod snippet’inde gösterildiği gibi herhangi bir anahtar kelime kullanmadan bildirilirse global bir değişken haline gelir:

function innerFunc(){
        last_name = "ashraf";
        console.log("hello "+last_name);
    }
// last_name is accessible outside the function too and is of global scope

JavaScript kapanışları

Bu, kapsamlar ve veri kapsülleme hakkındaki JavaScript bilginizi güçlendiren bir başka önemli kavramdır. En basit biçimde, bir işlevin içindeki bir işlev kapanma olarak bilinir. İç işlevi kapatma olarak adlandırabilirsiniz. Bu iç işlevin üç tür kapsamı vardır:

  • Kendi blok seviyesi kapsamı vardır.
  • Ebeveynin değişkenlerine erişimi vardır.
  • Küresel kapsamdaki değişkenlere de kapanış içinde erişilebilir. Bakalım nasıl bir kapanış oluşturulur:
 function myFunction(){
    let first_name = "mustafa";
    function innerFunc(){
        let last_name = "ashraf";
        console.log("hello "+first_name+" "+last_name);
    }
    return innerFunc()
}
myFunction()
// output: hello mustafa ashraf

First_name değişkenine InnerFunc adlı işlevin içinde erişilebilir, ancak üst işlevin Last_Name değişkenine erişimi olamaz. Bu davranış, programcıların kapsam zincirinde özel değişkenler oluşturmasını sağlar.

Çözüm

Bu JavaScript kılavuzunu burada bitiriyoruz ve umarız JavaScript Temel Kavramları hakkında daha iyi bir anlayışa sahip olursunuz. Dahası, JavaScript kapanışlarından, JavaScript’teki Scopes ve kaldırma işleminden de geçtik. Yeni başlayanlar için zorunlu olan birçok önemli kavram vardır. Dolayısıyla, JavaScript konseptlerinizi geliştirmek veya yenilemek için gelişiyorsanız bu makale size yardımcı olacaktır. Ayrıca, “Ayrıca bakınız” bölümünde belirtilen blog yayınlarından geçebilirsiniz.

Bizimle iletişime geçin

Son olarak, Containerize.com çeşitli heyecan verici konularda devam eden JavaScript öğreticileri sunmaktadır. Facebook, LinkedIn ve Twitter dahil olmak üzere sosyal medya platformlarımızda bizi takip ederek döngüde kalabilirsiniz.

Bir soru sor

Forum ‘da sorularınızı veya sorgularınızı bize bildirebilirsiniz.

SSS

JavaScript’te öğrenilecek önemli kavramlar nelerdir? JavaScript temel kavramlarını bilmek için lütfen bu JavaScript Beginner’ın Guide ‘yi takip edin.

Ayrıca bakınız