JavaScript

javascriptのnamespaceとは?

2019年12月23日

生のjavascriptを書いているとどうしても記述量がふえます。

そんな時にjavascriptの記述で抑えておきたい記法にnamespaceという物があります。

今回はjavascriptのnamespaceについて解説していきます。

 

javascriptを書いていた時の話 普段以下のような形で書いていたのですが

var A = {
  a: function () {
    return;
  },
  b: function () {
    return;
  }
};

 

別バージョンの書き方も知ったのでそれぞれの書き方のメリットとデメリットをそれぞれ紹介していきます。

var A = ( function () {
  var a = function () {
  }; 
  var b = function () {
  };
  return 
a: a, 
b: b 
};
} )();

namespaceという考え方

この書き方は一般的にブロックスコープ、名前空間と呼ばれているものでグローバル汚染を防ぐ事が目的の書き方です。

 

スコープに関してはこちらの記事で詳しく書いているので参考にしてみてください

javascriptスコープ
javascriptにおけるスコープについて説明する

javascriptを書く上で絶対に外せない「スコープ問題」 今回は初学者やスコープという言葉は知っていても詳しく紹介はできない方に向けてjavascriptにおけるスコープについて説明していきます。 ...

続きを見る

 

namespaceを意識した書き方については先ほどの例でいうと前者が基本的な書き方になります。

メリットとしては見え方が直感的にわかりやすいコードがかける事です。

デメリットとしては制約が多い事です。

 

後者は少しやり方が古いものになります。

メリットとしてはコードの記述量が多くなっても比較的対処しやすい事です。

デメリットとしては無名関数をモジュール変数として利用することの理解ができて、初めて本質的な理解につながるので初学者は戸惑うことです。

プログラミングスクールに関する情報

【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】と書かれた画像
【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

  あなたプログラミングスクールに通いたいけどたくさんありすぎてどこがいいのかわかりません。   最近はエンジニアブームということもありプログラミングスクールが増えました。 一方でたくさんありすぎてど ...

続きを見る

返金保証ありのプログラミングスクールランキング【エンジニアが選びました】と表示されたパソコンの画面
【転職保証つき】返金保証ありのプログラミングスクールランキング【エンジニアが選びました】

  あなた返金保証がついているオススメのプログラミングスクールってありますか?   結論から話すと、返金保証つきのプログラミングスクールランキングは次の通りです。   1位:DMMWEBキャンプ  【 ...

続きを見る

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

フリーランス
無料あり:フリーランスを目指せるプログラミングスクールランキング【体験をもとに徹底分析しました】

  あなたフリーランスエンジニアを目指すことができるプログラミングスクールってありますか?   最近では、高年収や働きやすさの魅力からフリーランスエンジニアを目指す方も増えてきました。 結論から話すと ...

続きを見る

WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】と書かれた画像
WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】

  あなたWEB系の自社開発企業に就職したいです。 オススメのスクールを教えて下さい。   結論から話すと、WEB系自社開発に行きやすいスクールのランキングは以下の通り。   第1位:テックアカデミー ...

続きを見る

-JavaScript

S