コース: JavaScript 基本講座
今すぐコースを受講しましょう
今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。
ECMAScript 2015の変数宣言
このレッスンでは ECMAScript 2015 の 新しい変数宣言についてご紹介をします。 ECMAScript というのは JavaScriptの仕様になります。 2015 より前は バージョン番号が付いていまして ECMAScript 5 まで来たんですね。 ですが、そのあと 6 になる はずだったんでしょうが、 そこから年号を付けることになりました。 ですから、ECMAScript 6 と 呼ばれることも多いんですが、 正式な名前は ECMAScript 2015 ということになります。 そのあとも作成は進んでいるんですけれども、 2018年から19年にかけては 主流が2015だと思いますので、まずは これを押さえておこうということです。 ではその前にまず ECMAScript 5 までの変数宣言。 もちろん、2015 以降も 使えるんですけれども、 どうだったかといいますと、 変数宣言は ver ですね。 そして、es5 としましょう。 ECMAScript 5 の意味です。 例えば 0 としましょうか。 ちょっと、ここは隙間を空けて、 グローバルな変数を定めました。 そしてもし function、 何か定めた場合ですね。 この中で ver es5 と打って 100 としたすると、 これはローカル変数になりますから、 ローカルとグローバルは 別々の場所に管理されます。 ですから、お互いに影響し合うことが ないんですね。 でもそれ以外の場合は 例えば if の場合ですね。 if で es5 が 0 だったらと。 0 なんですけどね。 この中でまた ver es5 = 1 としますと、 これはグローバルとして扱われます。 確認のために ここで console 打っておきましょう。 console.log で es5 としておきまして、 で、もう1個ぐらい if を入れましょう、入れ子の if です。 if で es5 が 1 だったらと、1 ですね。 また console です。 その前に新しい値、代入しましょうね。 ver の es5、代入で 2 とします。 中と区別できるように、 一番中はこれでは、 child という名前を付けておきましょう。 child という名前を付けて、 そして、es5 と確認します。 こちらも、 今度はこちらは parent…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
目次
-
-
-
-
-
-
(ロック済み)
ECMAScript 2015の変数宣言7分19秒
-
(ロック済み)
ドキュメントのロードを待って処理する4分51秒
-
(ロック済み)
DOMのロードを待って処理する4分55秒
-
(ロック済み)
要素をセレクタで選ぶ5分55秒
-
(ロック済み)
複数の要素を選ぶ7分6秒
-
(ロック済み)
要素を削除する4分44秒
-
(ロック済み)
要素をつくって加える3分55秒
-
(ロック済み)
要素にクラスを追加する5分17秒
-
(ロック済み)
要素のクラスをフラグで切り替える6分2秒
-
(ロック済み)
要素のクラスを切り替えるメソッド2分50秒
-
(ロック済み)
スクロールに応じて要素のクラスを変える3分44秒
-
(ロック済み)
jQueryでドキュメントの準備を待つ6分14秒
-
(ロック済み)
jQueryでスクロールに応じて要素のクラスを変える6分1秒
-
(ロック済み)
Vue.jsでデータをバインディングする6分47秒
-
(ロック済み)
Vue.jsでクリックしたらデータを処理する6分27秒
-
(ロック済み)
Vue.jsでクラスをバインディングする6分38秒
-
(ロック済み)
-
-