Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kaedah pengisytiharan baharu dalam es6?

Apakah kaedah pengisytiharan baharu dalam es6?

WBOY
WBOYasal
2022-04-08 18:16:312887semak imbas

Kaedah pengisytiharan baharu: 1. biarkan, digunakan untuk mengisytiharkan pembolehubah, sintaks "let variable name=value"; 2. const, digunakan untuk mengisytiharkan pemalar, sintaks "const constant name=value"; class , digunakan untuk mengisytiharkan kelas, sintaksnya ialah "nama kelas kelas {...}" 4. import, digunakan untuk mengisytiharkan pembolehubah input yang dimuatkan secara statik.

Apakah kaedah pengisytiharan baharu dalam es6?

Persekitaran pengendalian artikel ini: sistem Windows 10, versi Vue 2.9.6, komputer DELL G3.

Apakah kaedah pengisytiharan baharu dalam es6

Terdapat dua jenis pembolehubah pengisytiharan sebelum ES5: yang pertama ialah " var " untuk mengisytiharkan pembolehubah dan pemalar. Yang kedua ialah "fungsi" yang mengisytiharkan fungsi. Dalam ES6, kaedah mengisytiharkan pembolehubah telah dikembangkan kepada 6 cara, yang diringkaskan seperti berikut:

Mengisytiharkan pembolehubah atau pemalar: var, let (baru dalam ES6), const (baru dalam ES6); >

Pengisytiharan pembolehubah fungsi: fungsi;

Pengisytiharan kelas: kelas (baru dalam ES6);

Sebelum kita mempelajari kaedah baharu ini, kita juga perlu mengetahui beberapa konsep yang baru ditakrifkan dalam ES6: definisi

1, let dan const

:

biarkan: ES6 menambah perintah let baharu untuk mengisytiharkan pembolehubah. Penggunaannya adalah serupa dengan var, tetapi pembolehubah yang diisytiharkan hanya sah dalam skop peringkat blok tempat perintah let berada.

const: ES6 menambah arahan const baharu untuk mengisytiharkan pemalar baca sahaja. Setelah diisytiharkan, nilai pemalar tidak boleh diubah. Pembolehubah yang diisytiharkan sama seperti dibiar hanya sah dalam skop peringkat blok;

Perbezaan ciri:

Sama: Tiada promosi berubah, jadi ia hanya boleh digunakan selepas pengisytiharan diisytiharkan, ralat akan dilaporkan ; 🎜>

Berbeza: Pembolehubah yang diisytiharkan oleh Const adalah "tidak berubah" pembolehubah, jadi mereka mesti diberikan secara langsung apabila mengisytiharkan pembolehubah 🎜>Nota: Apa yang kami katakan di atas ialah pembolehubah yang diisytiharkan oleh const tidak boleh diubah untuk "pemalar", saya memahaminya sebagai "jenis data asas", seperti rentetan, nilai berangka, nilai Boolean, dsb. Ia tidak merujuk kepada semua jenis data Apabila pembolehubah yang kami isytiharkan dengan const ialah jenis data rujukan, nilainya boleh diubah.

Di sini kita bercakap tentang makna sebenar kandungan yang disimpan oleh const: apa yang const sebenarnya menjamin bukan bahawa nilai pembolehubah tidak boleh diubah, tetapi bahawa data yang disimpan dalam alamat memori yang ditunjukkan oleh pembolehubah tidak boleh diubah. Untuk jenis data ringkas (nilai angka, rentetan, nilai Boolean), nilai disimpan pada alamat memori yang ditunjuk oleh pembolehubah, dan oleh itu bersamaan dengan pemalar.

Tetapi untuk data jenis komposit (terutamanya objek dan tatasusunan), alamat memori yang ditunjuk oleh pembolehubah hanya menyimpan penunjuk kepada data sebenar Const hanya boleh menjamin bahawa penunjuk ini tetap (iaitu, ia sentiasa menunjuk ke alamat tetap yang lain), sama ada struktur data yang ditunjukkannya berubah-ubah, ia benar-benar di luar kawalan. Oleh itu, anda mesti berhati-hati apabila mengisytiharkan objek sebagai pemalar.

Penggunaan:

2, kelas

Definisi: Kelas ES6 boleh dianggap sebagai gula sintaks sahaja, kebanyakannya ES5 boleh lakukan semua fungsi. Kaedah penulisan kelas baharu hanya menjadikan kaedah penulisan prototaip objek lebih jelas dan lebih seperti sintaks pengaturcaraan berorientasikan objek.

(kelas mentakrifkan kelas, yang sebenarnya merupakan satu ilmu yang sangat penting. Di sini kita hanya mempelajari secara ringkas penggunaannya yang paling asas dan dijadikan sebagai pengenalan. Kami akan merekodkan kajian mendalam kemudian)

Penggunaan:
// let 用法
let a = '123';
 
// const 用法
const b = '456'

3. import

Penggunaan:

Selepas menggunakan perintah eksport untuk menentukan antara muka luaran modul , fail JS lain boleh memuatkan modul ini melalui arahan import.

// 基本方法定义一个类
class Point{
    constructor(x,y){
        this.x = x;
        this.y = y;
    }
 
    toString(){
        return '( '+ this.x +','+ this.y +')';
    }
}
 
var point = new Point(2,3)
point.toString(); // (2,3)
 
 
// 表达式的方法定义一个类
let person = new class {
  constructor(name) {
    this.name = name;
  }
 
  sayName() {
    console.log(this.name);
  }
}('张三');
 
person.sayName(); // "张三"
Arahan import kod di atas digunakan untuk memuatkan fail profile.js dan pembolehubah input daripadanya. Perintah import menerima sepasang pendakap kerinting, yang menentukan nama pembolehubah untuk diimport daripada modul lain. Nama pembolehubah di dalam kurungan kerinting mestilah sama dengan nama antara muka luaran modul yang diimport (profile.js). Jika anda ingin menamakan semula pembolehubah input, gunakan kata kunci sebagai dalam arahan import untuk menamakan semula pembolehubah input.

[Cadangan berkaitan: "

tutorial vue.js

"]

Atas ialah kandungan terperinci Apakah kaedah pengisytiharan baharu dalam es6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn