Javascript membuat objek dari kelas

Question

JavaScript menggunakan warisan prototipe. setiap objek mewarisi properti dan metode dari objek prototipe

Kelas tradisional sebagai cetak biru untuk membuat objek, yang digunakan dalam bahasa seperti Java atau Swift, tidak ada di JavaScript. Warisan prototipe hanya berurusan dengan objek

Warisan prototipe dapat meniru warisan kelas klasik. Untuk membawa kelas tradisional ke JavaScript, standar ES2015 memperkenalkan sintaks

javascript
export default class User {
 // The body of class
}

9. gula sintaksis atas warisan prototipe

Posting ini membiasakan Anda dengan kelas JavaScript. cara mendefinisikan kelas, menginisialisasi instance, menentukan bidang dan metode, memahami bidang privat dan publik, memahami bidang dan metode statis

Daftar isi

1. Definisi. kata kunci kelas

Kata kunci khusus

javascript
export default class User {
 // The body of class
}

_9 mendefinisikan kelas dalam JavaScript

javascript
class User {
  // The body of class
}

Kode di atas mendefinisikan kelas

javascript
export class User {
  // The body of class
}

1. Kurung kurawal

javascript
export class User {
  // The body of class
}

_2 membatasi badan kelas. Perhatikan bahwa sintaks ini bernama deklarasi kelas

Anda tidak diwajibkan untuk menunjukkan nama kelas. Dengan menggunakan ekspresi kelas, Anda dapat menugaskan kelas ke variabel

javascript
const UserClass = class {
  // The body of class
};

Anda dapat dengan mudah mengekspor kelas sebagai bagian dari modul ES2015. Inilah sintaks untuk ekspor default

javascript
export default class User {
 // The body of class
}

Dan ekspor bernama

javascript
export class User {
  // The body of class
}

Kelas menjadi berguna saat Anda membuat instance kelas. Instance adalah objek yang berisi data dan perilaku yang dijelaskan oleh kelas

Operator

javascript
export class User {
  // The body of class
}

_3 membuat instance kelas dalam JavaScript.

javascript
export class User {
  // The body of class
}

_4

Misalnya, Anda dapat membuat instance kelas

javascript
export class User {
  // The body of class
}

1 menggunakan operator

javascript
export class User {
  // The body of class
}

3

javascript
const myUser = new User();

javascript
export class User {
  // The body of class
}

7 membuat turunan dari kelas

javascript
export class User {
  // The body of class
}

1

2. Inisialisasi. konstruktor()

javascript
export class User {
  // The body of class
}

9 adalah metode khusus dalam tubuh kelas yang menginisialisasi instance. Itu adalah tempat di mana Anda menetapkan nilai awal untuk bidang, atau melakukan penyiapan objek apa pun

Dalam contoh berikut, konstruktor menyetel nilai awal bidang

javascript
const myUser = new User();

0

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

Konstruktor

javascript
export class User {
  // The body of class
}

1 memiliki satu parameter

javascript
const myUser = new User();

0, yang digunakan untuk menetapkan nilai awal bidang

javascript
const myUser = new User();

3

Di dalam konstruktor

javascript
const myUser = new User();

_4 nilainya sama dengan instance yang baru dibuat

Argumen yang digunakan untuk membuat instance kelas menjadi parameter konstruktor

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

javascript
const myUser = new User();

0 parameter di dalam konstruktor memiliki nilai

javascript
const myUser = new User();

6

Jika Anda tidak menentukan konstruktor untuk kelas, konstruktor default akan dibuat. Konstruktor default adalah fungsi kosong, yang tidak mengubah instance

Pada saat yang sama, kelas JavaScript dapat memiliki hingga satu konstruktor

3. Bidang

Bidang kelas adalah variabel yang menyimpan informasi. Bidang dapat dilampirkan ke 2 entitas

Bidang pada instance kelas
Bidang di kelas itu sendiri (alias statis)

Bidang juga memiliki 2 tingkat aksesibilitas

Publik. lapangan dapat diakses di mana saja
Pribadi. bidang hanya dapat diakses di dalam tubuh kelas

3. 1 Bidang instance publik

Mari kita lihat kembali cuplikan kode sebelumnya

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

Ekspresi

javascript
const myUser = new User();

_7 membuat bidang instance

javascript
const myUser = new User();

0 dan memberinya nilai awal

Nanti Anda dapat mengakses bidang

javascript
const myUser = new User();

_0 menggunakan pengakses properti

javascript
const user = new User('Jon Snow');
user.name; // => 'Jon Snow'

javascript
const myUser = new User();

0 adalah bidang publik karena Anda dapat mengaksesnya di luar badan kelas

javascript
export class User {
  // The body of class
}

1

Saat bidang dibuat secara implisit di dalam konstruktor, seperti dalam skenario sebelumnya, akan sulit untuk memahami daftar bidang. Anda harus menguraikannya dari kode konstruktor

Pendekatan yang lebih baik adalah mendeklarasikan bidang kelas secara eksplisit. Apa pun yang dilakukan konstruktor, instance selalu memiliki kumpulan bidang yang sama

Proposal bidang kelas memungkinkan Anda menentukan bidang di dalam tubuh kelas. Selain itu, Anda dapat langsung menunjukkan nilai awal

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

Mari ubah kelas

javascript
export class User {
  // The body of class
}

_1 dan nyatakan bidang publik

javascript
const myUser = new User();

0

javascript
const UserClass = class {
  // The body of class
};

0

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

4 di dalam tubuh kelas mendeklarasikan bidang publik

javascript
const myUser = new User();

0

Bidang publik menyatakan cara seperti itu ekspresif. sekilas melihat deklarasi bidang sudah cukup untuk memahami struktur data kelas

Selain itu, bidang kelas dapat langsung diinisialisasi saat deklarasi

javascript
const UserClass = class {
  // The body of class
};

1

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

6 di dalam badan kelas mendeklarasikan bidang

javascript
const myUser = new User();

0 dan menginisialisasinya dengan nilai

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

8

Tidak ada batasan akses atau pembaruan bidang publik. Anda dapat membaca dan menetapkan nilai ke bidang publik di dalam konstruktor, metode, dan di luar kelas

3. 2 Bidang contoh pribadi

Enkapsulasi adalah konsep penting yang memungkinkan Anda menyembunyikan detail internal suatu kelas. Seseorang yang menggunakan kelas enkapsulasi hanya bergantung pada antarmuka publik yang disediakan kelas, dan tidak berpasangan dengan detail implementasi kelas

Kelas yang diatur dengan mempertimbangkan enkapsulasi lebih mudah diperbarui saat detail implementasi berubah

Cara yang baik untuk menyembunyikan data internal suatu objek adalah dengan menggunakan bidang privat. Ini adalah bidang yang dapat dibaca dan diubah hanya di dalam kelas tempat mereka berada. Dunia luar kelas tidak dapat mengubah bidang privat secara langsung

Bidang pribadi hanya dapat diakses di dalam tubuh kelas

Awali nama bidang dengan simbol khusus

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

9 untuk menjadikannya pribadi, e. g.

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

_0. Awalan

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

9 harus disimpan setiap kali Anda bekerja dengan bidang tersebut. mendeklarasikannya, membacanya, atau memodifikasinya

Mari pastikan bahwa bidang

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

2 dapat disetel sekali pada inisialisasi instance

javascript
const UserClass = class {
  // The body of class
};

2

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

_2 adalah bidang pribadi. Anda dapat mengakses dan memodifikasi

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

_2 di dalam tubuh

javascript
export class User {
  // The body of class
}

1. Metode

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

_6 (lebih lanjut tentang metode di ) dapat mengakses bidang pribadi

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

2

Tetapi jika Anda mencoba mengakses bidang pribadi

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

2 di luar badan kelas

javascript
export class User {
  // The body of class
}

1, kesalahan sintaks akan terjadi.

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

_0

3. 3 Bidang statis publik

Anda juga dapat menentukan bidang pada kelas itu sendiri. bidang statis. Ini sangat membantu untuk mendefinisikan konstanta kelas atau menyimpan informasi khusus untuk kelas

Untuk membuat bidang statis di kelas JavaScript, gunakan kata kunci khusus

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

1 diikuti dengan nama bidang.

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

_2

Mari tambahkan bidang baru

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

3 yang menunjukkan jenis pengguna. admin atau reguler. Bidang statis

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

4 dan

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

5 adalah konstanta berguna untuk membedakan jenis pengguna

javascript
const UserClass = class {
  // The body of class
};

_3

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

6 dan

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

7 mendefinisikan variabel statis di dalam kelas

javascript
export class User {
  // The body of class
}

1. Untuk mengakses bidang statis, Anda harus menggunakan kelas yang diikuti dengan nama bidang.

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

_9 dan

javascript
const user = new User('Jon Snow');
user.name; // => 'Jon Snow'

0

3. 4 Bidang statis pribadi

Kadang-kadang bahkan bidang statis adalah detail implementasi yang ingin Anda sembunyikan. Dalam hal ini, Anda dapat membuat bidang statis menjadi pribadi

Untuk menjadikan bidang statis pribadi, awali nama bidang dengan

javascript
class User {
  constructor(name) {
    this.name = name;



  }
}

9 simbol khusus.

javascript
const user = new User('Jon Snow');
user.name; // => 'Jon Snow'

2

Katakanlah Anda ingin membatasi jumlah instance dari kelas

javascript
export class User {
  // The body of class
}

1. Untuk menyembunyikan detail tentang batas instance, Anda dapat membuat kolom statis pribadi

javascript
const UserClass = class {
  // The body of class
};

_4

Bidang statis

javascript
const user = new User('Jon Snow');
user.name; // => 'Jon Snow'

4 menetapkan jumlah maksimum instance yang diizinkan, sementara

javascript
const user = new User('Jon Snow');
user.name; // => 'Jon Snow'

5 bidang statis menghitung jumlah instance aktual

Bidang statis pribadi ini hanya dapat diakses di dalam kelas

javascript
export class User {
  // The body of class
}

1. Tidak ada apa pun dari dunia luar yang dapat mengganggu mekanisme batasan. itulah manfaat enkapsulasi

4. Metode

Bidang menyimpan data. Tetapi kemampuan untuk memodifikasi data dilakukan oleh fungsi-fungsi khusus yang merupakan bagian dari kelas. metode

Kelas JavaScript mendukung metode instan dan statis

4. 1 Metode instan

Metode instans dapat mengakses dan mengubah data instans. Metode instan dapat memanggil metode instan lainnya, serta metode statis apa pun

Sebagai contoh, mari tentukan metode ________22______6 yang mengembalikan nama di kelas

javascript
export class User {
  // The body of class
}

1

javascript
const UserClass = class {
  // The body of class
};

5

javascript
const user = new User('Jon Snow');
user.name; // => 'Jon Snow'

9 adalah metode di dalam kelas

javascript
export class User {
  // The body of class
}

1.

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

_1 adalah pemanggilan metode. itu mengeksekusi metode dan mengembalikan nilai yang dihitung jika ada

Dalam metode kelas, serta dalam konstruktor, nilai

javascript
const myUser = new User();

4 sama dengan instance kelas. Gunakan

javascript
const myUser = new User();

_4 untuk mengakses data instance.

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

_4, atau bahkan memanggil metode lain.

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

_5

Mari tambahkan metode baru

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

6 yang memiliki satu parameter dan memanggil metode lain

javascript
const UserClass = class {
  // The body of class
};

_6

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

_7 adalah metode kelas

javascript
export class User {
  // The body of class
}

1 yang menerima satu parameter

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

9. Lebih dari itu, ia mengeksekusi metode lain dari instance

javascript
const UserClass = class {
  // The body of class
};

00 untuk mendapatkan nama pengguna

Metode juga bisa bersifat pribadi. Untuk membuat awalan metode pribadi namanya dengan

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

9

Mari jadikan metode

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

_6 pribadi

javascript
const UserClass = class {
  // The body of class
};

_7

javascript
const UserClass = class {
  // The body of class
};

03 adalah metode pribadi. Di dalam metode

javascript
class SomeClass {
  field1;
  field2 = 'Initial value';
  // ...
}

_6 Anda memanggil metode pribadi seperti itu.

javascript
const UserClass = class {
  // The body of class
};

_05

Menjadi pribadi,

javascript
const UserClass = class {
  // The body of class
};

_03 tidak dapat dipanggil di luar

javascript
export class User {
  // The body of class
}

1 badan kelas

4. 2 Getter dan setter

Pengambil dan penyetel meniru bidang biasa, tetapi dengan kontrol lebih besar tentang cara bidang diakses dan diubah

Pengambil dijalankan pada upaya untuk mendapatkan nilai bidang, sedangkan penyetel pada upaya untuk menetapkan nilai

Untuk memastikan bahwa properti

javascript
const myUser = new User();

0 dari

javascript
export class User {
  // The body of class
}

1 tidak boleh kosong, mari bungkus bidang pribadi

javascript
const UserClass = class {
  // The body of class
};

10 dalam pengambil dan penyetel

javascript
const UserClass = class {
  // The body of class
};

_8

javascript
const UserClass = class {
  // The body of class
};

11 pengambil dijalankan saat Anda mengakses nilai bidang.

javascript
const UserClass = class {
  // The body of class
};

_12

Saat

javascript
const UserClass = class {
  // The body of class



};

_13 dijalankan saat bidang diperbarui

javascript
const UserClass = class {
  // The body of class
};

14. Setter melempar kesalahan jika nilai baru adalah string kosong

4. 3 Metode statis

Metode statis adalah fungsi yang dilampirkan langsung ke kelas. Mereka memegang logika yang terkait dengan kelas, bukan dengan instance kelas

Untuk membuat metode statis gunakan kata kunci khusus

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

1 diikuti dengan sintaks metode biasa.

javascript
const UserClass = class {
  // The body of class
};

_16

Saat bekerja dengan metode statis, ada 2 aturan sederhana yang perlu diingat

Metode statis dapat mengakses bidang statis
Metode statis tidak dapat mengakses bidang instance

Misalnya, mari buat metode statis yang mendeteksi apakah pengguna dengan nama tertentu sudah diambil

javascript
const UserClass = class {
  // The body of class
};

_9

javascript
const UserClass = class {
  // The body of class
};

17 adalah metode statis yang menggunakan bidang pribadi statis

javascript
const UserClass = class {
  // The body of class
};

18 untuk memeriksa nama yang diambil

Metode statis dapat bersifat pribadi.

javascript
const UserClass = class {
  // The body of class
};

_19. Sekali lagi, mereka mengikuti aturan privasi. Anda dapat memanggil metode statis pribadi hanya di dalam badan kelas

5. Warisan. memanjang

Kelas-kelas dalam JavaScript mendukung pewarisan tunggal menggunakan kata kunci ________5______20

Dalam ekspresi

javascript
const UserClass = class {
  // The body of class
};

21 kelas

javascript
const UserClass = class {
  // The body of class
};

22 mewarisi dari

javascript
const UserClass = class {
  // The body of class
};

23 konstruktor, bidang, dan metode

Misalnya, mari buat kelas anak baru

javascript
const UserClass = class {
  // The body of class
};

24 yang memperluas kelas induk

javascript
export class User {
  // The body of class
}

1

javascript
export default class User {
 // The body of class
}

0

javascript
const UserClass = class {
  // The body of class
};

24 mewarisi dari

javascript
export class User {
  // The body of class
}

1 konstruktor, metode

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

6 dan bidang

javascript
const myUser = new User();

0. Selain itu, kelas

javascript
const UserClass = class {
  // The body of class
};

_24 mendeklarasikan bidang baru

javascript
const UserClass = class {
  // The body of class
};

31

Perhatikan bahwa anggota pribadi dari kelas induk tidak diwarisi oleh kelas anak

5. 1 Induk konstruktor. super() di konstruktor()

Jika Anda ingin memanggil konstruktor induk di kelas anak, Anda perlu menggunakan fungsi khusus

javascript
const UserClass = class {
  // The body of class
};

32 yang tersedia di konstruktor anak

Sebagai contoh, mari buat

javascript
const UserClass = class {
  // The body of class
};

_24 konstruktor memanggil konstruktor induk dari

javascript
export class User {
  // The body of class
}

1, serta menginisialisasi kolom posts

javascript
export default class User {
 // The body of class
}

_1

javascript
const UserClass = class {
  // The body of class
};

35 di dalam kelas anak

javascript
const UserClass = class {
  // The body of class
};

24 mengeksekusi konstruktor dari kelas induk

javascript
export class User {
  // The body of class
}

1

Perhatikan bahwa di dalam konstruktor anak Anda harus menjalankan

javascript
const UserClass = class {
  // The body of class
};

32 sebelum menggunakan kata kunci

javascript
const myUser = new User();

4. Memanggil

javascript
const UserClass = class {
  // The body of class
};

_32 memastikan bahwa konstruktor induk menginisialisasi instance

javascript
export default class User {
 // The body of class
}

_2

5. 2 Contoh Induk. super dalam metode

Jika Anda ingin mengakses metode induk di dalam metode anak, Anda dapat menggunakan pintasan khusus

javascript
const UserClass = class {
  // The body of class
};

41

javascript
export default class User {
 // The body of class
}

_3

javascript
class User {
  constructor(name) {
    name; // => 'Jon Snow'
    this.name = name;
  }
}
const user = new User('Jon Snow');

_6 dari kelas anak

javascript
const UserClass = class {
  // The body of class
};

24 mengakses metode

javascript
const UserClass = class {
  // The body of class
};

44 langsung dari kelas induk

javascript
export class User {
  // The body of class
}

1

Fitur ini disebut metode overriding

Perhatikan bahwa Anda juga dapat menggunakan

javascript
const UserClass = class {
  // The body of class
};

_41 dengan metode statis, untuk mengakses metode statis induk

6. Pengecekan tipe objek. contoh

javascript
const UserClass = class {
  // The body of class
};

47 adalah operator yang menentukan apakah

javascript
const UserClass = class {
  // The body of class
};

48 adalah turunan dari

javascript
const UserClass = class {
  // The body of class
};

49

Mari kita lihat operator

javascript
const UserClass = class {
  // The body of class
};

_50 beraksi

javascript
export default class User {
 // The body of class
}

_4

javascript
const UserClass = class {
  // The body of class
};

51 adalah turunan dari kelas

javascript
export class User {
  // The body of class
}

1,

javascript
const UserClass = class {
  // The body of class
};

53 dievaluasi menjadi

javascript
const UserClass = class {
  // The body of class
};

54

Objek kosong

javascript
const UserClass = class {
  // The body of class
};

55 bukan turunan dari

javascript
export class User {
  // The body of class
}

1, demikian pula

javascript
const UserClass = class {
  // The body of class
};

57 adalah

javascript
const UserClass = class {
  // The body of class
};

58

javascript
const UserClass = class {
  // The body of class
};

50 bersifat polimorfik. operator mendeteksi anak sebagai turunan dari kelas induk

javascript
export default class User {
 // The body of class
}

5

javascript
const UserClass = class {
  // The body of class
};

60 adalah turunan dari kelas anak

javascript
const UserClass = class {
  // The body of class
};

24. Operator

javascript
const UserClass = class {
  // The body of class
};

_62 dievaluasi menjadi

javascript
const UserClass = class {
  // The body of class
};

54

Pada saat yang sama

javascript
const UserClass = class {
  // The body of class
};

_24 adalah kelas anak dari

javascript
export class User {
  // The body of class
}

1. Jadi

javascript
const UserClass = class {
  // The body of class
};

_66 dievaluasi menjadi

javascript
const UserClass = class {
  // The body of class
};

54 juga

Bagaimana jika Anda ingin menentukan kelas instance yang tepat?

javascript
export default class User {
 // The body of class
}

_6

7. Kelas dan prototipe

Saya harus mengatakan bahwa sintaks kelas dalam JavaScript melakukan pekerjaan yang bagus untuk mengabstraksi dari warisan prototipe. Untuk mendeskripsikan sintaks

javascript
export default class User {
 // The body of class
}

_9 saya bahkan belum pernah menggunakan istilah prototype

Tetapi kelas dibangun di atas warisan prototipe. Setiap kelas adalah fungsi, dan membuat instance kapan

Dua cuplikan kode berikut ini setara

Versi kelas

javascript
export default class User {
 // The body of class
}

_7

Versi menggunakan prototipe

javascript
export default class User {
 // The body of class
}

_8

Sintaks kelas jauh lebih mudah untuk bekerja jika Anda terbiasa dengan mekanisme pewarisan klasik bahasa Java atau Swift

Bagaimanapun, bahkan jika Anda menggunakan sintaks kelas dalam JavaScript, saya menyarankan Anda untuk memiliki pemahaman yang baik tentang pewarisan prototipe

8. Ketersediaan fitur kelas

Fitur kelas yang disajikan dalam postingan ini tersebar di ES2015 dan proposal pada tahap 3

Pada akhir 2019, fitur kelas dibagi

Bidang instance publik dan pribadi adalah bagian dari proposal bidang Kelas
Metode dan pengakses instance privat adalah bagian dari proposal metode privat Kelas
Bidang statis publik dan privat serta metode statis privat adalah bagian dari proposal fitur statis Kelas
Sisanya adalah bagian dari standar ES2015

9. Kesimpulan

Kelas JavaScript menginisialisasi instance dengan konstruktor, menentukan bidang dan metode. Anda dapat melampirkan bidang dan metode bahkan pada kelas itu sendiri menggunakan kata kunci

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

1

Warisan dicapai dengan menggunakan

javascript
const UserClass = class {
  // The body of class
};

20 kata kunci. Anda dapat dengan mudah membuat kelas anak dari orang tua.

javascript
const UserClass = class {
  // The body of class
};

41 kata kunci digunakan untuk mengakses kelas induk dari kelas anak

Untuk memanfaatkan enkapsulasi, jadikan bidang dan metode pribadi untuk menyembunyikan detail internal kelas Anda. Bidang privat dan nama metode harus diawali dengan

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

9

Kelas-kelas dalam JavaScript menjadi semakin nyaman digunakan

Apa pendapat Anda tentang menggunakan

javascript
class User {
  constructor(name) {
    this.name = name;
  }
}

_9 untuk mengawali properti pribadi?

Suka postingannya?

Sarankan Perbaikan

Posting berkualitas ke kotak masuk Anda

Saya secara teratur menerbitkan posting yang berisi

Konsep penting JavaScript dijelaskan dengan kata-kata sederhana
Ikhtisar fitur JavaScript baru
Cara menggunakan TypeScript dan mengetik
Desain perangkat lunak dan praktik pengkodean yang baik

Berlangganan buletin saya untuk mengirimkannya langsung ke kotak masuk Anda

Langganan

Bergabunglah dengan 6904 pelanggan lainnya

Tentang Dmitri Pavlutin

Penulis dan pelatih teknologi. Rutinitas harian saya terdiri dari (namun tidak terbatas) minum kopi, coding, menulis, coaching, mengatasi kebosanan 😉

Sekarang bekerja sebagai pengembang open source penuh waktu pada proyek Readapt - bertujuan untuk membuat web dapat diakses oleh semua orang

Bagaimana Anda membuat objek baru dari kelas di JavaScript?

Untuk membuat objek, gunakan kata kunci new dengan konstruktor Object() , seperti ini. const person = Obyek baru(); . orang.

Bagaimana Anda membuat objek di kelasnya sendiri?

Untuk membuat objek Main , tentukan nama kelas, diikuti dengan nama objek, dan gunakan kata kunci baru. .

Contoh. Buat objek bernama " myObj " dan cetak nilai x. kelas publik Utama { int x = 5; . .

Contoh. .

Kedua. Jawa

Bisakah kita membuat kelas dan objek dalam JavaScript?

Javascript tidak menggunakan pewarisan berbasis kelas. Jadi, Anda tidak dapat membuat kelas dalam Javascript , kecuali menirunya menggunakan solusi yang IMHO kikuk dan rumit. Javascript adalah bahasa prototipe. Menggunakan kata kunci baru membuat objek baru berdasarkan properti prototype dari objek konstruktor.