Sınıflar

ES6 "sınıflar" kavramını ortaya attı Bu, JavaScript'ten farklı, diğer programlama dillerindeki derslerde de bulabilirsiniz. Bu yöntemde sınıflar halihazırda veri veya özellik içeren nesneler oluşturmak için şablon görevi görür ve bu verilerin işlenmesiyle ilgili yöntemlere yer verir. Bu nesneler, özellikler ve yöntemler toplu olarak "üyeler" olarak adlandırılır. sınıfını kullanır.

Bir sınıfı tanımlamak için class anahtar kelimesini kullanın. En iyi uygulamayı ve ilkesini uygulamakla birlikte, JavaScript'in yerleşik oluşturucu işlevleri tarafından büyük harfle başlayan bir sınıfın tanımlayıcısı:

class MyClass {}

Sınıflar, gelişmiş teknolojilerle çalışmak için daha erişilebilir Prototiplerin ve oluşturucu fonksiyonların özellikleri:

class MyClass {}

typeof MyClass;
> "function"

Sınıflar, gelişmiş JavaScript ile çalışmayı sağlamak amacıyla kısmen eklendiğinden daha kolay ve cazip görünse de, bazen "sentetik şeker". Ancak, yalnızca birkaç öğrenciyle çalışmak için kullanışlı bir kısaltma sunmaktan prototip devralma. Köklü tasarımı ele almak için sınıf söz dizimi oluşturma fırsatlarıyla tanışın JavaScript'teki sorunları gidermeye çalışır. Tek Örneğin, bir sınıfın gövdesindeki tüm kodlar her zaman yüksek düzey modu kullanın.

Bir sınıfın örneğini oluşturmak için new operatörünü kullanın.

class MyClass {}

const myClassInstance = new MyClass();

myClassInstance
;
> Object { }

Bir sınıfın gövdesinde tanımlanan işlevler, her biri için yöntem olarak gösterilir örneğidir.

class MyClass {
    classMethod
() {
        console
.log( "My class method." );
   
}
}

const myClassInstance = new MyClass();

myClassInstance
.classMethod();
> "My class method."

Bir sınıf içinde tanımlanan yöntem, o sınıfın prototipi üzerinde bir yöntem örnektir. Projenin yapısı prototip zincirine göre bu yöntemleri doğrudan oluşturulan nesne üzerinde uygulayabilirsiniz:

class MyClass {
  classMethod
() {
    console
.log( "My class method." );
 
}
}

const myClassInstance = new MyClass( "A string." );

myClassInstance
;
> Object { }
   
<prototype>: Object { }
        classMethod
: function classMethod()
        constructor
: class MyClass { constructor(myPassedValue) }
       
<prototype>: Object { }

myClassInstance
.classMethod();
> "My class method."

Bir sınıfın örneği oluşturmak, şu özelliklere sahip özel bir constructor() yöntemini çağırır: tüm gerekli "kurulumları" ve ilk kullanıma hazırlar. tüm mülkleri içerir. constructor() yöntemi için kullanılabilir:

class MyClass {
  constructor
( myPassedValue ) {
    console
.log( myPassedValue );
 
}
}

const myClassInstance = new MyClass( "A string." );
> "A string."

Bir sınıfın gövdesinde this değeri, örneği ifade eder. this adresinde tanımlanan tüm özellikler, her bir örneğinin özelliği olarak gösterilir o sınıf:

class MyClass {
  constructor
( myPassedValue ) {
   
this.instanceProperty = myPassedValue;
 
}
}

const myClassInstance = new MyClass( "A string." );

myClassInstance
;
> Object { instanceProperty: "A string." }

Bu özellikler, sınıfın gövdesindeki tüm yöntemler için de kullanılabilir:

class MyClass {
  constructor
( myPassedValue ) {
   
this.instanceProp = myPassedValue;
 
}
  myMethod
() {
    console
.log( this.instanceProp );
 
}
}

const myClassInstance = new MyClass( "A string." );

myClassInstance
.myMethod();
> "A string."

Sınıfınız için bir constructor() tanımlamazsanız JavaScript motoru boş bir "default" olduğunu varsayar constructor. Her sınıfta yalnızca bir özel sınıf olabilir constructor() adlı yöntem:

class MyClass {
  constructor
() {}
  constructor
() {}
}
> Uncaught SyntaxError: A class may only have one constructor

Bir sınıfı, sınıf bildirimi veya class ifadesi aracılığıyla özelliğini kullanın. Önceki örneklerin tümü sınıf bildirimleriydi. için adların new kullanılarak çağrılması gerekir. Sınıf ifadeleri, "anonim" oluşturmak için adsız bırakıldı sınıfını kullanır.

let ClassExpression = class {
    constructor
() {}
};

ClassExpression;
> class  {}

Anonim sınıf ifadelerini, "anında" sınıflar oluşturma:

function classMaker() {
 
return class {
    constructor
() {}
 
};
}

let
MyVariable = classMaker();

MyVariable;
> class  {}

Sınıf bildirimi kullanarak bir sınıfı yeniden tanımlamak söz dizimi hatasına neden olur:


class MyClass {
    constructor
( ) {
        console
.log( "My class." );
   
}
};

class MyClass {
    constructor
() {
        console
.log( "My new class." );
   
}
};
> Uncaught SyntaxError: redeclaration of class MyClass

Bununla birlikte, sınıf ifadeleri bir sınıfı yeniden tanımlamanıza olanak tanır:

let ClassExpression = class MyClass { };

ClassExpression = class MyOtherClass {
    constructor
( myString ) {
       
this.myProp = myString;
   
}
};

new ClassExpression( "String." );
> MyOtherClass {myProp: 'String.'}

Sınıflandırma işleminde olduğu gibi, adlandırılmış bir sınıf ifadesini adla çağıramazsınız. beyanı. Ancak, bir sınıf ifadesinin atanan adı özelliğini kullanmanızı öneririz:

let MyVariable = class MyClass {};

MyClass;
> Uncaught ReferenceError: MyClass is not defined

MyVariable;
> class MyClass {}

MyVariable.name;
> "MyClass"

Sınıf ifadesi kullanarak bir değişkeni ilk kullanıma hazırladığınızda kaldırma kurallarını beklendiği gibi izlenmesini sağlar. Sınıf bildirimleri aynı "geçici ölü bölge" kurallarını let ve const olarak tanımlarsanız hiç çekilmemiş gibi davranırlar. Bu, sınıf bildiriminden önce bir sınıfın çağrılmasının hataya neden olacağı anlamına gelir:

{
    let myVar
= new MyClass( "Property string." );

   
class MyClass {
        myProp
;

        constructor
( myString ) {
           
this.myProp = myString;
       
}
   
};
};
> Uncaught ReferenceError: Cannot access 'MyClass' before initialization

Öğrendiklerinizi sınayın

Aşağıdakilerden hangisi bir sınıfı doğru şekilde tanımlar?

new class()
class MyClass {}
myClass = class {}

Bir sınıfta kaç tane constructor() yöntemi olabilir?

Yok
Bir
Sınırsız