BeSmile(ビースマイル)ロゴ 大阪の就労継続支援A型BeSmile東中島

未分類

あれ?JavaScriptが動かない…

こんにちは。現在コロナ禍ということもあり有難いことに在宅ワークさせてもらっています。今も正に飼い猫に作業を邪魔されながらコーディングにまみれているHPチームのYです。

便利なスライダーSwiper.jsを使ってサクッと使用しようと思って導入していたら「あれ?動かない…」
またまたswiperごときにつまづいております。ので備忘録として対処法を載せておきます。
swiperを3つ使いアニメーションたっぷりのHPにしようと思い導入したのですが、前回はうまくいったのですが、今回なぜかエラー??
「JaveScript 動かない」とか「Swiper エラー」とかいろいろ検索したのですがなかなかヒットせず。コードが間違っているのかと思い解らないながらも慎重にコードを見直しcssも見直したのですがコードは間違っていないようで、1つづつ動かすとちゃんと動く。なかなか解決しない。。。不甲斐ない。。。行き詰まる。

でもライブラリなんかが動作しない時、多くの場合はブラウザのデベロッパーツールからコンソールエラーを確認すればと思いつきコンソールを確認するとエラー発見!!!出てました。
「Uncaught SyntaxError: Identifier ‘test’ has already been declared」というエラー??なんのこっちゃ??早速ググってみるが、中々ぴったりの答えにたどり着けず頭を抱えてしまい時間ばかりが経過。が。。。やっとたどり着けました。

「javascript 変数宣言のletとconstについて」とかいうところにたどり着けました。なにやら難しいことが書いていました。。。var、let、const、とはすべてJavaScriptで変数を宣言する際に使うキーワードです。「const」は一度宣言したら再宣言も再代入も駄目らしくvar、let、constの中で再宣言が可能なのはvarのみという事で「var」は「再宣言」も「再代入」もできるとのことでした。
少し前くらいから「const」と「var」はよく目にするけどどんな違いがあるのだろうと思っていたのでちょうどよかったです。結局「const」を「var」に変えたら、解決!!動きました👍👍

varが「関数スコープ」で、letconstが「ブロックスコープ」などなど、未熟な私には??なところがが多いのですがこれから勉強したいと思います。
ということで、これで今晩はスッキリと眠れそうです。

お問い合わせ