ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の let、var、const の違いとその応用シナリオの紹介

JavaScript の let、var、const の違いとその応用シナリオの紹介

不言
リリース: 2018-12-12 15:59:38
オリジナル
4817 人が閲覧しました

JavaScript の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介では、変数や定数を使用する場合、変数名(以下、変数と総称します)を宣言することを推奨します。 var、let、const は JavaScript の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 で変数を宣言するときに使用されるキーワードで、let と const は ECMAScript 2015 で採用された新しい宣言方法のキーワードです。

JavaScript の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介

ECMAScript 2015 (ekma スクリプト) は JavaScript の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の標準仕様です。国際機関によって標準化されており、Google Chrome や Internet Explorer 11 以降などの最新のブラウザで広く採用されています。

let と const を使用すると、間違った値が上書きされたり、同じ名前の変数が間違って宣言されたりするのを防ぐことができます。

var、let、const の違いと使い方を詳しく見てみましょう

var

var では、次の宣言と再配布します。

var techacademy = '初始值ok';
techacademy = '重新分配ok';
var techacademy = '重新声明ok';
ログイン後にコピー

let

let

let techacademy = '初始值ok';
techacademy = '重新分配ok';
let techacademy = '重新声明no';
ログイン後にコピー

const

では再宣言は禁止されていますconst では、再宣言と再代入は禁止されています。

const techacademy = '初始值ok';
techacademy = '重新分配no';
const techacademy = '重新声明no';
ログイン後にコピー

let、var、constを例を使って詳しく説明しましょう

let、var、constの書き方

基本的な手順は以下の通りです次のように。各キーワードの後に​​変数名と初期値を記述します。 var、letの初期値は省略可能です。

var hoge1 = 'hoge1';
var hoge2;  // 省略初始值的写法
let fuga1 = 'fuga1';
let fuga2;  // 省略初始值的写法
const piyo = 'piyo'; // const的初始值不能省略
ログイン後にコピー

let、var、constの使用範囲

var、let、constの使用範囲は異なります。

たとえば、var が if ステートメントの外側で宣言されている場合、if ステートメントでも使用できます。

let と const はスコープを超えると使用できません。

if (1) {
var x = 'ok';
let y = 'no';
const z = 'no';
}
console.log(x); //可以使用
console.log(y); //范围外,错误
console.log(z); //范围外,错误
ログイン後にコピー

具体例を見てみましょう

変数宣言は基本的にconstを使います。 const を再代入するとエラーが発生します。したがって、値を変更したくない変数を const で宣言することで、値が誤って変更されることを防ぎます。

const piyo = 'piyo';
piyo = 'hogehoge';  // 发生错误
ログイン後にコピー

操作の効果は次のとおりです

JavaScript の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介

再配布する必要がある場合は、let を使用できます。 let は var と比較して変数の有効スコープをローカルに設定できるため、同じ名前の変数を誤って宣言することを防ぎます。

{
  let fuga = 'fuga';  // 仅在{ ... }中有效 
  fuga = 'fugafuga';  // 重新分配,没有错误
  console.log(fuga);
}
console.log(fuga);  // 发生错误
ログイン後にコピー

操作の効果は次のとおりです

JavaScript の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介 の let、var、const の違いとその応用シナリオの紹介

ほとんどの場合、const と let を使用することをお勧めします。絶対に必要な場合にのみ var を使用してください。これにより、変数の誤った使用が防止され、プログラミングとデバッグが容易になります。

以上がJavaScript の let、var、const の違いとその応用シナリオの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート