skillup

技術ブログ

JavaScript

JavaScript 変数、配列、オブジェクト、スコープ、関数、オブジェクトの基本について

投稿日:2016年4月26日 更新日:

日頃業務で使っているJavaScriptについて。自分的なメモです。

変数定義

var hoge;
var つけないと一気にグローバル変数になるので注意。逆にそれを意図して定数としてつかうのもあり。

配列の定義

[]でくくります。
各要素の定義は通常通りarr[1]=”hoge”といった定義の仕方・アクセスでOK

展開

が一般的

オブジェクトの定義

いわゆるハッシュ的なデータの格納はこれです。

展開

が一般的です。

※JavaScriptの場合、オブジェクトの値はリテラルや配列、オブジェクトはもちんのこと。関数が入ります。これがなかなかムズイ・・・
JavaScript基礎文法最速マスター

関数

JavaScriptで何といっても難しいのは関数の扱いでしょう。

まあ定義は上記の通り普通なのですが、JavaScriptの面白いところとして、変数に代入したり、オプジェクトのプロパティとして扱うことができます。

上記のように変数に代入し、関数名がないものを無名関数と呼びます。

スコープ

スコープは関数と関連が深いのでここであつかいます。まずJavaScriptのスコープは宣言した関数内全体になります。

関数の外で定義すれば関数の中からも呼び出せます。逆に中で定義したら外からは呼べません。

即時関数

JavaScriptでは定義と実行を同時に行える記述法があります。
関数の定義と呼び出しは通常

のように書きますが、
↓とかいても同じ結果になります。

定義と同時によんでおり、即実行されます。このような使い方を即時関数といいます。

どんな時に使うかというと本来の関数の定義→即実行というよりはスコープの制限のために使うことが多いです。

単純なサンプルを見てもわからないことが多く、初心者殺しのネタだと思われます。

無名関数、即時関数について
【JavaScript】無名関数と即時関数?関数パターンを理解してメンテナブルなソースに!
[JavaScript] 猿でもわかるクロージャ超入門 3 無名関数

jQuery

JavaSciprtというと一般的にはHTMLやCSSの装飾を動的に行うときに使われることが多いでしょう。

その場合、ほとんどの人がjQueryから使うことになると思います。

jQueryの構文では

みたいな書き方をします。

また$マークにはjQueryのオブジェクトという意味が入っています。詳しくは下記リンクを参照してみましょう。

【jQuery】$(ドルマーク)の意味

-JavaScript

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

webpackについて再履修

webpackについて今まで見よう見まねでやってきましたが、おまじないのような感じでプロパティ内部までしっかり理解しているとは言い難いため、再履修です。インストールとかは省略。 今まで書いた既存のwe …

no image

vueでのコンポーネント間の変数のやりとりに関して

vueをコツコツと勉強していますが、コンポーネント間で変数の受け渡しをしたいときなどは色々注意が必要かと思います。 個人的には下記のような解釈で組んでおります。 Contents1 vuex2 syn …

no image

ejsのテンプレート

普段生のHTMLを書く機会はほとんどなく、画面側の仕事でもフレームワークを使うことがほとんどなので搭載されているテンプレートを使っています。 で、生のHTML/CSSの本を読んでいてejsなるテンプレ …

no image

非同期通信のまとめ($.ajax,fetch,axiosなど)

非同期通信処理に関して、年明けに少し調べたのでメモします。 非同期通信に関しては長い間、$.ajaxを使っておりました。 フロント側でそれほど複雑な処理をやらなかった、昔覚えたのでそのまま・・ってパタ …

no image

JavaScriptのタイマー

えーボタンを押すと、時間の計測がはじまり、別のボタンを押すとそのタイマーがとまるというもの。 WEBのアプリでは比較的よくお目にかかるタイプかと思います。 一番多いのは情報商材のページかもしれないです …