ES6 の const と let の違いと変数の構造化代入

1. let キーワード

let キーワードは変数を宣言するために使用されます。let を使用して宣言された変数には、いくつかの特徴があります。

1. 重複したステートメントは許可されません

2. ブロックスコープ

3. 変数のホイスティングが存在します

4. スコープチェーンには影響しません

アプリケーション シナリオ: コードをより高度なものにしたい場合は、将来 let を使用して変数を宣言できます。

2. const キーワード

const キーワードは数量を宣言するために使用され、const 宣言には次の特徴があります。

1. 宣言では初期値を割り当てる必要があります

2. 通常、識別子は記述されません

3. 重複したステートメントは許可されません

4. 値の変更は許可されていません

5. ブロックスコープ

注: オブジェクトのプロパティの変更や配列要素の変更によって const エラーが発生することはありません

アプリケーション シナリオ: const を使用してオブジェクト型を宣言し、非オブジェクト型宣言では let を選択します

3. オブジェクト分解の割り当て

ES6 では、配列やオブジェクトから値を抽出し、特定のパターンに従って変数をコピーできます。これは、分割代入と呼ばれます。

//ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。
//1. 数组解构赋值
const name = ["yimao","ermao","sanmao","simao"];
let [a,b,c,d] = name;
console.log(a);
console.log(b);
console.log(c);
console.log(d);

//2. 对象的解构赋值
const zhao = {
	name: "赵本山",
	age: 34,
	xiaopin: function () {
		console.log("我可以");
	}
};
let {name,age,xiaopin} = zhao;
console.log(name);
console.log(age);
console.log(xiaopin); 
xiaopin();

let { xiaopin } = zhao;
xiaopin();

注: オブジェクト メソッドと配列要素を頻繁に使用する場合は、分割代入形式を使用できます。

4. テンプレート文字列

テンプレート文字列 (テンプレート文字列) は、バッククォート (`) でマークされた拡張文字列であり、次のような特徴があります。

1. 文字列内に改行文字を含めることができます

2. 変数は ${xxx} の形式で出力できます。

// ES6 引入新的声明字符串的方式 『``』 '' ""
// 1.声明
let str = `我也是一个字符串啊`;
console.log(str,typeof str); 

// 2.内容中可以直接出现换行符
let str =  `<ul>
				<li>哈哈</li>
				<li>嘿嘿</li>
				<li>呵呵</li>
			</ul>`;
    
// 3.变量拼接
let a = "今天";
let b = `${a}星期四`;
console.log(b);