Terdapat beberapa cara untuk mengisytiharkan pembolehubah dalam es6

青灯夜游
Lepaskan: 2022-10-28 19:23:09
asal
4528 orang telah melayarinya

Terdapat 6 cara untuk mengisytiharkan pembolehubah dalam es6: 1. Isytiharkan pembolehubah dengan kata kunci var; Gunakan kelas kata kunci untuk mengisytiharkan pembolehubah 6. Gunakan kata kunci import untuk mengisytiharkan pembolehubah.

Terdapat beberapa cara untuk mengisytiharkan pembolehubah dalam es6

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

ES5 hanya mempunyai dua cara untuk mengisytiharkan pembolehubah: arahan var dan arahan fungsi.

Selain menambah arahan let dan const, ES6 juga mempunyai dua kaedah untuk mengisytiharkan pembolehubah: perintah import dan arahan kelas.

Jadi, ES6 mempunyai sejumlah 6 cara untuk mengisytiharkan pembolehubah.

1 Gunakan kata kunci var untuk mengisytiharkan pembolehubah

var a ;  //undefined
var b = 1;
Salin selepas log masuk
  • Pembolehubah yang ditakrifkan oleh var boleh diubah suai, dan akan diubah suai. keluaran jika ia tidak dimulakan. diletakkan pada tetingkapBanyak bahasa Terdapat skop peringkat blok dalam JS, tetapi tidak dalam JS Ia menggunakan var untuk mengisytiharkan pembolehubah dan berfungsi untuk membahagikan skop Kurungan kerinting "{}" tidak boleh mengehadkan skop daripada var, jadi pembolehubah yang diisytiharkan dengan var mempunyai pembolehubah
  • Perbaik kesan
  • Skop pembolehubah yang diisytiharkan oleh var ialah global atau peringkat fungsi
  • 2. Gunakan fungsi kata kunci untuk mengisytiharkan pembolehubah

mengisytiharkan pembolehubah baharu yang dipanggil tambah dan memberikannya takrifan fungsi antara

{} diberikan kepada Kod di dalam fungsi tambah
function add(a) {
  var sum = a + 1;
  return sum;
}
Salin selepas log masuk
    tidak akan dilaksanakan, tetapi hanya disimpan dalam pembolehubah untuk kegunaan masa hadapan
  • 3. Isytiharkan pembolehubah dengan kata kunci const

Pembolehubah yang ditakrifkan oleh const tidak boleh diubah suai dan mesti dimulakan

Pembolehubah ialah pembolehubah global atau pembolehubah global dalam modul
const a;     //报错,必须初始化
const b = 1;
Salin selepas log masuk
    Jika pembolehubah ditetapkan sekali sahaja apabila ia diisytiharkan dan tidak akan ditetapkan semula dalam baris kod lain, maka const harus digunakan, tetapi nilai awal pembolehubah mungkin dilaraskan pada masa hadapan (pembolehubah malar)
  • Buat pemalar baca sahaja, yang kelihatan tidak boleh diubah suai pada penyemak imbas yang berbeza adalah disyorkan untuk tidak mengubahnya selepas pengisytiharan ia mempunyai skop peringkat blok
  • const mewakili nilai
  • malar
  • Indeks
  • , iaitu,
  • penunjuk nama pembolehubah dalam ingatan tidak boleh ditukar, tetapi penunjuk nilai kepada pembolehubah ini boleh berubah Pembolehubah yang ditakrifkan oleh const tidak boleh diubah suai Secara amnya, apabila memerlukan modul, anda menggunakan atau mentakrifkan beberapa pemalar global
  • Anda boleh mengisytiharkan pemalar dalam skop global atau dalam fungsi, tetapi
  • Mesti memulakanMalar
  • Malar tidak boleh mempunyai nama yang sama dengan pembolehubah atau fungsi lain dalam skopnya

  • 4. Gunakan kata kunci let untuk mengisytiharkan pembolehubah

Memerlukan "javascript strict mode ": 'use strict';

let a;  //undefined
let b = 1; 
function add(b) {
  let sum = b + 1;
  return sum;
}
let c = add(b);
Salin selepas log masuk
Tiada promosi berubah-ubah
  • Pengisytiharan pendua tidak dibenarkanSkop pembolehubah yang diisytiharkan oleh let adalah dalam domain peringkat blok Selepas definisi let digunakan di dalam fungsi, ia tidak mempunyai kesan pada bahagian luar fungsi (
  • skop Tahap blok
  • )
  • Anda boleh menetapkan nilai kepada pembolehubah. apabila anda mengisytiharkannya. Nilai lalai tidak ditentukan Anda juga boleh menetapkan nilai kepada pembolehubah kemudian dalam skrip. Ia tidak boleh digunakan sebelum hayat (zon mati sementara)
  • 5. Gunakan kelas kata kunci untuk mengisytiharkan pembolehubah

Mengenai kelas, saya akan memberitahu anda kemudian saya akan menulis artikel berasingan untuk memperkenalkan secara terperinci, tetapi saya akan menyebutnya secara ringkas di sini: Mula-mula, lihat pembina dalam ES5, dan kemudian gunakan kelas ES6 untuk melaksanakannya:

Mari lihat bagaimana kelas ES6 ditulis:

Kelas ES6 boleh dilihat kerana Ia hanyalah gula sintaksis Kebanyakan fungsinya boleh dicapai oleh ES5 Kaedah penulisan kelas baru hanya menjadikan kaedah penulisan prototaip objek lebih jelas dan lebih seperti sintaks pengaturcaraan berorientasikan objek. dan kata kunci ini Ia mewakili objek contoh. Iaitu, Titik pembina ES5 sepadan dengan kaedah pembina kelas Titik ES6.

// ES5写法 :
  function fun ( x, y ){
    this.x = x;
    this.y = y;
  };
  fun.prototype.GetHair = function(){
    return `${this.x}掉了两根头发,${this.y}说俺也一样!`;
  };
  let setHair = new fun('小明','老王');
  console.log(setHair.GetHair()); // 小明掉了两根头发,老王说俺也一样!
Salin selepas log masuk

6 Gunakan kata kunci import untuk mengisytiharkan pembolehubah
 class Interest {
    constructor( x, y, e, z ){
      this.x = x;
      this.y = y;
      this.e = e;
      this.z = z;
    }
    MyInterest(){
      let arr = [];
      console.log(`我会${[...arr,this.x,this.y,this.e,this.z]}!`);
    }
  }
  let GetInterest = new Interest('唱','跳','rap','篮球');
  console.log(GetInterest.MyInterest());  //我会唱,跳,rap,篮球!
Salin selepas log masuk

digunakan untuk memuatkan fail yang diterima dalam kurungan kerinting atau lebih banyak nama Pembolehubah, nama pembolehubah ini perlu sama dengan nama pembolehubah yang anda ingin import.

举个栗子:你想要导入action.js文件中的某一个变量,这个变量里保存了一段代码块,所以你要写成:import { Button } from 'action',这个时候,你就从action.js中获取到了一个叫 Button 的变量,既然获取到了,你就可以对Button里的代码猥琐欲为了

如果想为输入的变量重新取一个名字,import命令要使用as关键字,将输入的变量重命名,比如:

import { NewButton as Button } from 'action.js';
Salin selepas log masuk

上面的代码表示从action.js文件中,获取一个变量名称叫做Button的代码段,然后你又声明了一个变量 NewButton ,将 Button 保存在 NewButton

【相关推荐:javascript视频教程web前端

Atas ialah kandungan terperinci Terdapat beberapa cara untuk mengisytiharkan pembolehubah dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!