JavaScriptの「this」キーワード、まるわかりガイド！｜DAD UNION – エンジニア同盟
JavaScriptの「this」って、何者？ JavaScriptを始めたばかりだと、「this」って言葉に戸惑いますよね。でも、安心してください！「this」は、「今、誰がコードを実行しているの？」 を教えてくれる、便利なキーワードなんです。 例えるなら、パーティー会場で「私は〇〇です！」と自己紹介するようなもの。誰が話しているかによって、「〇〇」に入る名前は変わりますよね？JavaScriptの「this」も同じで、コードを実行する場所によって、その意味が変わってくるんです。 「this」の正体を探る！ いろんな場面での「this」 1.オブジェクトの中で使う「this」 オブジェクトって、名前や年齢などの情報をまとめた箱みたいなものです。この箱の中に、「自己紹介する」機能を持たせてみましょう。 const person = { name: 'Alice', greet: funct
JavaScriptでthisを理解する：関数へのパラメータ渡しと実用的な使い方ガイド｜DAD UNION – エンジニア同盟
JavaScript開発者なら誰しもが一度は悩まされるthisキーワード。今日は、thisをより深く理解し、実際のコーディングに活かすための一例をご紹介します。具体的には、クリックしたボタンの兄弟要素のテキストをalertメッセージで表示するシンプルながらも実践的な使用法を見ていきましょう。 スタイル設定:見た目も大切に まずは基本的なCSSで、ボタンエリア（.clkarea）の見た目を整えます。この部分はご自身のサイトデザインに合わせて調整してください。 <style> body { margin: 0; padding: 0; font-size: 18px; text-align: center; } h1{ text-align: center; font-size: 20px; line-height: 2em; padding: 30px 0; } .clkarea{ curs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
