JavaScript

【JavaScript】bind, call, applyメソッド

JavaScriptのメソッドのbind、call、applyについて扱います。これらは関数を呼び出すことができるメソッドといえるもので、関数内のthisキーワードが渡されたオブジェクトに紐づけて処理することができる機能になります。
JavaScript

【JavaScript】クロージャ

JavaScriptのクロージャについて扱います。クロージャはローカル変数を参照している関数内関数ということになりますが、クロージャで返された匿名関数が引き続きローカル変数を保持しているので、その間は独立して利用することができます。
JavaScript

【JavaScript】即時実行関数式(IIFE)

JavaScriptにおける即時実行関数式(Immediately Invoked Function Expression; IIFE)を扱います。通常の関数定義の呼び出しと違い、匿名関数を括弧で囲んで関数とし、即時呼び出しができます。
スポンサーリンク
JavaScript

【JavaScript】関数を戻り値として返す関数

JavaScriptの関数がオブジェクト型として振る舞うものとして、ここでは関数を戻り値として持つ関数を定義して動きをみてみようと思います。戻り値の関数を呼び出して利用する処理だけでなく、一度に呼び出す見慣れない形を使う方法もあります。
JavaScript

【JavaScript】高階関数 – 関数を引数、戻り値として扱う関数

JavaScriptの関数はオブジェクト型のインスタンスです。関数は他のオブジェクトと同じように扱うことができます。ここでは、関数を引数、戻り値として扱う関数をみていきます。このような関数を高階関数といいます。
JavaScript

【JavaScript】プリミティブ型とオブジェクト型

JavaScriptのデータ型(type)であるプリミティブ型とオブジェクト型を扱います。プリミティブ型の変数は、データそのものを保持しますが、オブジェクトに関連つけられた変数は、メモリへの参照を持ちます。この2つの違いを見ていきます。
JavaScript

【JavaScript】オブジェクトの生成 – Object.create()

JavaScriptにおけるオブジェクトの生成について、Functionコンストラクターを使った方法とは違う方法を見て行きます。ここではObject.create()を使ってプロトタイプから継承するオブジェクトを作成する方法を扱います。
JavaScript

【JavaScript】オブジェクトの生成とFunctionコンストラクター

JavaScriptにおけるオブジェクトの生成とFunctionコンストラクターをみていきます。オブジェクトの継承によって、コンストラクタのprototypeプロパティの参照がされていることをFunctionコンストラクターから確認します。
JavaScript

【JavaScript入門】イベントの処理 – addEventListener()

JavaScriptを使ったイベントの処理の基本的な操作を行います。設定にはイベントリスナーを指定するのが主流で、addEventListener()にイベントタイプ名を指定し、無名関数を使って行いたい処理を指定する方法が一般的です。
JavaScript

【JavaScript入門】DOMとHTML/CSSの操作

JavaScriptを使って、HTMLやCSSを操作することでWebページの内容を変更する方法を扱います。DOM(Document Object Model)という仕組みとWebページのオブジェクト構造を理解して要素の操作を行います。
JavaScript

【JavaScript入門】thisキーワードと参照先

JavaScriptのthisキーワードについて基本的な参照を扱います。thisはスクリプトのどこからでも参照できる変数で、呼び出す場所、呼び出す文脈によって中身が変わる変数です。関数の外と内、オブジェクト、メソッドでの参照を見てみます。
JavaScript

【JavaScript入門】スコープの基本

JavaScriptにおけるスコープ(scoping)の基本を扱います。スコープとは、変数がスクリプトのどの位置から参照できるかを決める概念です。グローバルスコープ、ローカルスコープの違いを理解し、スコープチェーンと合わせてみていきます。
JavaScript

【JavaScript入門】JavaScriptの挙動 – 巻き上げ(hoisting)

JavaScript独特の挙動である巻き上げ(hoisting ホイスティング)を扱います。この巻き上げは他のプログラミング言語にはなく、ここを押さえておかないと実行した時に思ったように動かなかったり、その原因が掴めなくなるので要注意です。
JavaScript

【JavaScript入門】ループ処理 – for, while, continue, break

JavaScriptの基本的な制御構文であるループ処理のor文とwhile文を扱います。反復処理の同じコードを繰り返し書く必要が無くなります。反復処理の終了条件の前にcontinueやbreakを使って処理の途中でスキップや中断ができます。
JavaScript

【JavaScript入門】オブジェクト – プロパティとメソッド

JavaScriptのオブジェクトについて、プロパティとメソッドの基本的な操作を行います。JavaScriptのオブジェクトは他の言語でいう連想配列です。インデックス番号をキーにする配列と違い、名前をキーとして値を扱うことができます。
JavaScript

【JavaScript入門】配列の生成と操作 – Arrayオブジェクト

JavaScriptは値の集合を操作するための一般的な方法であるArrayオブジェクトについて扱います。Arrayオブジェクトとは配列で、要素を角括弧で括って生成します。インデックスを指定して値を取り出したり、メンバーを使って操作できます。
JavaScript

【JavaScript入門】関数リテラル(匿名関数, 無名関数)

JavaScriptの基本的な概念の一つである関数について、function命令で定義するものとは別に関数リテラル表現で定義する方法を扱います。関数リテラルは文字列や数値と同じように扱うことができます。関数名を宣言せずに定義するが特徴です。
JavaScript

【JavaScript入門】関数を定義する – function命令

JavaScriptに限らずプログラミングにおける基本的な概念である関数(functions)についてみていきます。関数に処理をまとめることで、同じ処理をするコード繰り返し書く必要が無くなります。関数を使えば何度も処理することができます。
スポンサーリンク