スキルアップnewとインスタンスの関係2022年9月15日JavaScriptをUdemyや本で学んでいると、「new」というワードがちらほら、、あまり出てこないですが「インスタンス(化)」というワードもちょいちょい見ます。気にしてはいなかったです。言いますか今の自分のレベルでは知る必要が無いぐらいあまり使わなかったのです。気になりだしたので、調べて自分なりに解釈した流れを書きます。newとインスタンスの関係スーパーざっくり説明...new:インスタンスを生成する時に使う。・・・?どうやらまず「インスタンス」とは何かを知る必要があるようです。インスタンスオブジェクト指向のプログラムは、あらかじめ用意されているオブジェクトを直に扱うことは無いようです。「A」「B」という2つのプログラムがあったとします。両方のプログラムが「同じオブジェクト」に対してデータを読み書きしてしまうとお互いに干渉してしまってエラーが発生してしまいます。(図1)プログラムAとBが干渉...そこで、上手く両プログラムを作動させるためには、「元のオブジェクト」のコピーをプログラムA/B用にそれぞれ用意すればいいのです。(図2)コピー(インスタンス化)してプログラムABを問題なく動作させるこうすることによって、プログラムA/Bに対する「オブジェクトのコピー」があるので、それぞれのプログラムを問題なく動かすことができるようになるのです。「オブジェクトをコピーをする」という行為をインスタンス化と呼び、「コピーされたオブジェクト」をインスタンスと呼ぶようです。このインスタンスを作成する機能があるのが「new演算子」です。Date())、Dateオブジェクトのインスタンスとして、いろんなメソッドを続けることが可能となりました。まとめ・「インスタンス」とはオブジェクトがコピーされたもの・「インスタンス化」とはオブジェクトをコピーすること・「new」を使うことでオブジェクトをインスタンス化させることができる・インスタンスを作る理由は、複数のプログラムを干渉しないようにする為いかがでしょう?私はこれでインスタンス(化)、newを理解しました。参考になれば幸いです。スキルアップ【2023ベストセラー】UdemyおすすめJavaScript講座を徹底解説UdemyのJavaScript学習におすすめのコースを紹介します。けフロントエンドを本気で目指したい、スキルアップをしたい方々におすすめ講座をお教えします。スキルアップreturnについて今回はJavaScriptでよく出てくるreturnについて書きます。今回はJavaScript(以下JS)で連続でsetTimeout()を実装する時によく陥る「コールバックヘル」を解消する方法を記載します。4/4】ScrollTriggerでスクロールと連動したアニメーションの実装GSAPのScrollTriggerのプラグインを使ってスクロールに連動したアニメーションを実装します。returnについて【CSS】テキストにマスク掛け。画像をテキストの形にクリッピング。(background-clip)フロントエンドエンジニアYamato(やまと)7年目のフロントエンドです。サンフランシスコ留学の際にITの素晴らしさに触れエンジニアになると決心。独学で未経験からアルバイトで採用され入社。経験し2022年8月に独立しました。HTML/CSS・JS・WordPress・Shopifyを触っています。YAMATOdevlog。