Javascriptで関数の外から関数内の変数を使いたい

# WEB制作

2020.03.31

みさなま、こんにちは。

みなさんは Javascript をどれくらい使っていますか?

私はサイト制作をする際、あくまでもトリガーとしての使い方に絞ってきました。

例えばスライドメニューなどを実装する際、 Javascript の .slideToggle を使用せず、クリックの判定で Javascriptを使用し、あとは CSS でとあくまでも使い分けてきました。

しかし最近、ツールの作成にはまったことで、 Javascript をメインに使用するようになってきました。

[webデザイナー必見]アスペクト比を簡単に計算するツールを作成しました

スマホで手軽にソースを見れるツールを開発しました

そして現在、新しいツールを作成中、変数の初歩的なところで躓きました。

関数の外から関数内で定義した変数にアクセスしたい

こんな感じに関数内で定義した変数を、変数の外で使用すると「(defined)定義していません」と出てしまいます。

それも当然で関数の中で定義した変数は関数内でしか使用できません。

これをローカル変数と言い、関数の内外関係なくアクセスしたいのであればグローバル変数を定義しなくてはいけません。

グローバル変数を定義しよう

こんな感じで、グローバル変数を定義し、関数内で再定義することで、関数の外からアクセスすることができるようになりました。

ただ調子に乗ってグローバル変数を沢山使用していると、管理が難しくなるので気を付けてください。

webサイトの制作、お任せください。

あくまでも基本料金になりますので、まずはご連絡ください。

コーディング

トップページ
(ヘッダー・フッター含む)

¥8,000~

コンテンツページ(1P)
(ヘッダー・フッター含まない)

¥4,000~

ランディングページ

¥15,000~

※アニメーションはオプション料金

デザイン

トップページ
(ヘッダー・フッター含む)

¥20,000~

コンテンツページ(1P)
(ヘッダー・フッター含まない)

¥5,000~

ランディングページ

¥20,000~

※コーディングとのセット料金

サイト構築

10ページ
(お問合せページを含まない)

¥100,000~

20ページ
(お問合せページを含まない)

¥175,000~

Wordpress導入

(上記)+¥50,000~

※お問合せページは¥10,000~