自宅でお小遣い稼ぎをしたい主婦がアプリリリースを目指すブログです。この広告は、90日以上更新していないブログに表示しています。プログラミングこんにちは、マリンです。今回はjQueryでの式展開についてです。ググってみたのに見つからない。調べているうちに「はっ!!」と気付いたのです。「これ、式展開だ!!」と。ことでこういった副題が付いています。基本、記述方式はCoffeeScriptです。今回検証で使いました例のソースコードです。2まあボタンはどうでもいいんですけど、これ押すとコンソールに表示されるって使用でつけました。このクリックイベントの中に後述の式展開を書いていく感じで。以後そこのみ書いていきます。jQueryでの式展開の色々やり方は3つあります。#{}+,#{}これが純粋な式展開ではないかと思います。1}]")console.log(classC.text)[実行結果]AAABBBCCCそれぞれ属性値の指定に、予め値を入れておいた変数を使用しています。その中でさらに計算させることも可能です。"を区別しないみたいなんですが、これはcoffeeだからだなんでしょうね、#{}の式展開はダブルクォーテーションの中じゃないと使えませんでした。+こちらは前後の文字列と+を使って連結する方法。']')console.log(classC.text)実行結果は前回と同じです。classBに注目していただきたいのですが、これは単純に一つの文字列を前後に分け、その間に変数を入れて繋げる方法ですので、クォーテーションはシングルでもダブルでも大丈夫です。その次のさらに計算をする方法ですが、こちらは計算部分をカッコで囲ってください。計算の順番が関係するということですね。「は?」と怒られます。ここまでやってきて初めて計算の順番を意識しました。最後は文字列の後ろに展開したものをくっつけるときに使えます。文字列の間には入れられませんので、表題とはズレた番外編です。classA.text)の部分です。文字列の後にカンマで区切ったclassA.textを展開してくっつけています。式展開の一種ではないかと思います。まとめ今回そもそもの問題だった「記述が理解できない」部分に関しては、おそらく式展開の問題ではなく、コードの読解力だと思います。変数という構造であることを理解できていればこんなことにはなりませんでした。+'という塊で捉えてしまったんですよね。他人が書いたコードを読むときなどにちょびっとだけ役立てるのではないかな?なんて思ったりなんかして。->と=>の違いこんにちは、マリンです。祝!令和!!無事新しい時代が幕を開...2017-03-02スタイル整えるのホント難しい!!【Bootstrap】こんにちは、マリンです。無事一覧ページのサムネイルができま...2017-02-28「debugger」その使い方・・・そして気付く。こんにちは、マリンです。»プロフィールid:song-of-life1352607アラサーで思い立ってプログラミングを始めた主婦が、自宅でお小遣い稼ぎをしたいがために自作アプリのリリースを目指すブログです。【Git】ブランチ間違えてコミットしてた!?月別アーカイブ参加グループプログラミングはてなブログをはじめよう!song-of-life1352607さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。