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.
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;
mengisytiharkan pembolehubah baharu yang dipanggil tambah dan memberikannya takrifan fungsi antara
{} diberikan kepada Kod di dalam fungsi tambahfunction add(a) { var sum = a + 1; return sum; }
Pembolehubah yang ditakrifkan oleh const tidak boleh diubah suai dan mesti dimulakan
Pembolehubah ialah pembolehubah global atau pembolehubah global dalam modulconst a; //报错,必须初始化 const b = 1;
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);
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()); // 小明掉了两根头发,老王说俺也一样!
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,篮球!
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文件中的某一个变量,这个变量里保存了一段代码块,所以你要写成: 如果想为输入的变量重新取一个名字, 上面的代码表示从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!import { Button } from 'action'
,这个时候,你就从action.js中获取到了一个叫 Button 的变量,既然获取到了,你就可以对Button里的代码猥琐欲为了import
命令要使用as关键字,将输入的变量重命名,比如:import { NewButton as Button } from 'action.js';