JavaScript

JavaScript

JavaScript入門 thisキーワード

JavaScriptには、オブジェクトへの参照を格納するthisという特殊なキーワードがあります。thisキーワードについて解説しています。実行コンテキストJavaScriptのthisキーワードを理解するには、まず実行コンテキストについて知っておく必要があります。実行コンテキストとは、コードが実行される際にJavaScriptエンジンによって準備されるコードの実行環境のことです。JavaScri...
JavaScript

JavaScript入門 スコープ

スコープとは、実行中のコードから参照できる変数や関数の範囲のことです。変数や関数を参照(使用)出来る範囲はスコープによって決まっています。別のスコープに存在する変数や関数は参照不可function fnScopeA(){ let vaLa = 100;}function fnScopeB(){ console.log( vaLa ); //エラーが発生する}fnScopeB();JavaScrip...
JavaScript

JavaScript入門 関数(function)

関数の定義方法JavaScriptで関数を定義する方法は、主に次の2種類です。関数宣言によって定義する方法関数式によって定義する方法関数宣言による関数の定義関数宣言で関数を定義する場合は、functionキーワードに続けて関数名を記述します。関数に渡す値を引数と呼び、関数名に続く()内に設定します。関数から返ってくる値を戻り値と呼び、retrunに続けて値を設定します。構文function 関数名...
JavaScript

JavaScript入門 制御構文(条件分岐)

制御構文とは、コードが実行される処理の流れを条件分岐したり繰り返したり制御するための手段です。条件分岐if文JavaScript のif文は、ifに続く丸括弧()内の条件式がtruthy(真)の場合、それに続く波括弧{}内のコードを実行します。条件式がfalsy(偽)な値の場合には、波括弧{}内のコードは実行せず、次の処理を進めます。なお、{]で囲まれた部分は、ブロック(または節)と呼びます。構文...
JavaScript

JavaScript入門 制御構文(繰り返し)

JavaScriptの制御構文の繰り返し(for文、while文、bleack文、continue文、label文)の使用方法について解説while文while文は、条件式が真(true)のときに処理を繰り返し、偽(false)が取得されたときに処理を抜けます。構文while( 条件式 ){ whileブロック 条件式が真の場合繰り返し処理されます。}while文の使用例let i = 0;whi...
JavaScript

JavaScript入門 例外処理

プログラムの実行には、エラーがつきものです。プログラムにおけるエラーは例外(Exception)とも呼び、例外が発生したときに実行する処理は例外処理と呼びます。例外処理は、ある程度本格的なプログラム(システムがいきなり停止すると困る場合など)に使う記法です。try/catch/finally構文JavaScript エンジンが発生させた例外について、コードの実行を継続するには「try/catch/...
JavaScript

JavaScript入門 演算子

JavaScript には基本的な演算子のみ用意されており、高度な演算を行う場合は「Math」オブジェクトを利用するようになっています。JavaScript で使用できる演算子は、次の表のようになっています。ビットシフト演算は32ビット長で処理されます。ビット演算以外の計算に関してはIEEE754の規格に沿って処理されます。演算子とオペランド演算子とは、値をもとに何らかの処理を行い、その結果を返す...
JavaScript

JavaScript入門 変数とデータ型の解説

JavaScriptの変数について解説しています。変数変数宣言JavaScript で変数を使うには、変数の宣言を行う必要があります。変数の宣言方法はプログラミング言語の種類によってことなりますが、JavaScript の場合はletというキーワードで変数を宣言します。変数を宣言することではじめて、変数名で値を管理できるようになります。let 変数名 = 値;変数名(識別子とも言います)はある程度...
JavaScript

Vue.js:Vuexのエラー(vuex do not mutate vuex store outside mutation handlers)対策

ストアに定義したステートをcomputed経由で連想配列の任意のキーに対して値をForループ内で変更しようしたら、「vuex do not mutate vuex store outside mutation handlers」が発生して困ったので、解消方法を残しておく。