JSプログラミングの常識はとても役に立つ_JavaScriptスキル-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JSプログラミングの常識はとても役に立つ_JavaScriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:47 PM

jsプログラミングの必需品

1. JS の善悪
JS は、コンピュータープログラミング言語であり、スクリプト言語とも呼ばれる動的言語であり、分析的プログラミング言語です。なぜスクリプトを作成するのか?なぜなら、それ自体では実行できない、つまり main 関数やメインプログラムへの入り口がなく、そのホスト環境、つまり解析環境によって解析されて実行される必要があるからです。なぜ分析型なのか？ JS は、ファイルを生成して実行するためのプログラミング、リンク、アセンブリなどの体系的なプロセスを実行しないため、JS2 の形式でロードおよび実行されます。 🎜 > 空、null、未定義、false、0、""、''、NaN はすべて false、その他は true

3. 関数、クラス、オブジェクト、コンストラクターの違いは何ですか? ? 答え: js では、関数、クラス、オブジェクト、コンストラクターに違いはありません。関数はオブジェクト、オブジェクトはクラス、クラスはコンストラクターであると言えます。ただし、一般的には、混乱を避けるために、オブジェクトをそのクラスのインスタンスと呼びます。

コードをコピーしますコードは次のとおりです:

function Person(){ 
} 
 var person = new Person(); 
//person は関数、クラス、オブジェクト、コンストラクターとして呼び出すことができます (パラメーターなし) 
//person はオブジェクトへの参照と呼ばれます

 

4. this キーワードを理解すると、JS の 1/5 が理解できます。これは常にメソッド (関数) を呼び出すオブジェクトを指します (必ず覚えてください)。まず第一に、これは何だということを知っておく必要があります。
これは js のオブジェクトです。これは関数ではなくオブジェクトです。このオブジェクトは誰に対する参照であると考えることができます。メソッドを呼び出したオブジェクトへの参照
このオブジェクトはどこに存在しますか? JS コード内 (通常は関数内) に存在します。これを <script> タグに入れると、何が表示されますか? このキーワードの分析 <div class="codetitle">コードをコピー<a style="CURSOR: pointer" data="23656" class="copybut" id="copybut23656" onclick="doCopy('code23656')"> コードは次のとおりです: 関数準備完了(){ <div class="codebody" id="code23656">alert(this==window); } ready(); この時点で何を呼び出すか?本当です、なぜですか？ <div class="codetitle">コードをコピーします<a style="CURSOR: pointer" data="1630" class="copybut" id="copybut1630" onclick="doCopy('code1630')"> コードは次のとおりです: function Person(){ <div class="codebody" id="code1630">this .name= '張三'; alert(this==window); } 新しい人(); この時点で何を印刷しますか?間違っています、なぜですか？コードを長くします。var perso= var person = new Person(); 世界中の誰もが、person が new person によって生成されたオブジェクトを参照していることを知っています。 new Person は JS インスタンスオブジェクトを作成し、プロパティとメソッドをバインドできます。 次のコードを見てください <div class="codetitle">コードをコピーします<a style="CURSOR: pointer" data="41151" class="copybut" id="copybut41151" onclick="doCopy('code41151')"> コードは次のとおりです。 fn=function(){ <div class="codebody" id="code41151">} fn.ready=function(){ alert(this== fn); fn.ready() が呼び出されたときに何が出力されますか?本当です、なぜですか？ 非常に奇妙ですが、これは関数と等しくなっています。なぜですか? 5. JS の静的メソッドと属性は、 に役立ちます。 静的とは、その名前が示すように、動かないメソッドのことです。 JSで？インスタンスを作成する必要はなく、クラス名を通じてメソッドを直接呼び出すことができ、何も変更されません。メソッドが呼び出されます。追加のコードは必要ありません。これは単なる一方的な発言です。いわゆる静的: クラス自体の特性です。 JS のクラスはオブジェクトであるのに、なぜプロパティやメソッドを直接バインドできないのですか。もちろん、 <div class="codetitle">コードをコピーします<a style="CURSOR: pointer" data="22588" class="copybut" id="copybut22588" onclick="doCopy('code22588')"> コードは次のとおりです。 fn=function(){ } <div class="codebody" id="code22588">fn.name='張三'; fn.getName=function(){ return } それは問題ありませんが、なぜ新しいプロセスが必要なのでしょうか? このようにすべてをバインドするだけでは十分ではないでしょうか? 6. JS フレームワークにおけるプロトタイプとコンストラクターの影響 プロトタイプはプロトタイプ、つまりオブジェクトです。、。 コンストラクターはコンストラクターと関数です。 これまでは、オブジェクトがオブジェクトである場合とオブジェクトが関数である場合を明確に区別する必要がありました。また、JS パーサーがそのようなものを解析して実行することも困難です。柔軟なコード。 プロトタイプは、このオブジェクトのインスタンスを指すクラスの静的属性であると言えます。言い換えれば、プロトタイプはオブジェクトです。プロトタイプが指すオブジェクトと新しいオブジェクトの違いは何ですか?同等のブリッジ関係が確立されますが、同じではありません。関数プロトタイプのプロパティをバインドすると、プロパティと値はプロトタイプオブジェクトにバインドされますが、実際にはそのオブジェクトにバインドされません。そのオブジェクトのこのプロパティにアクセスする必要がある場合、JS パーサーはまずオブジェクト自体でプロパティを検索し、次にプロトタイプオブジェクトでプロパティを検索します。 <div class="codetitle"><a style="CURSOR: pointer" data="4834" class="copybut" id="copybut4834" onclick="doCopy('code4834')">コードをコピーしますコードは次のとおりです:<div class="codebody" id="code4834"> function Person(){ } var person = new Person(); person.name="張三"; alert(person.name); delete person. name; alert(person.name); constructor はオブジェクトのコンストラクターを指します。 (コンストラクターとは何ですか? 自分で調べてください。) このことから、これがオブジェクトレベルの属性であることがわかります。つまり、コンストラクター属性を使用するには、オブジェクトが必要です。プロトタイプはオブジェクトであり、コンストラクター属性を持っているのでしょうか?もちろんconstructorはコンストラクターを指すのでprototype属性はあるのでしょうか？もちろん、類推すると、次の 2 つのコードは正しいです。 constructor.prototype.constructor.prototype.constructor…… prototype.constructor.prototype.constructor.prototype…… 実際、正しいです。それがどれくらい続くかわかりませんか？興味があれば試してみてください。ちなみに、再帰アルゴリズムを使用するように教えます。 多くの JS コードでは、オブジェクトがわかっているときにそのコンストラクターを要求するか、コンストラクターがわかっているときにそのオブジェクトを要求します。始める時が来ました。 7. == と === は最後まで判断します == と === は似ていません。それらが等しいかどうかを確認します。 何か違いはありますか? == 変数が等しいかどうかを判断します。 === は、変数の値が等しいかどうかを判断します。 など: ====何に使用されますか? ?ご存知のとおり、ここでお伝えしたいのは、JS の変数は == と === のみが弱く型付けされているということです。 <div class="codetitle">コードをコピーします<a style="CURSOR: pointer" data="31537" class="copybut" id="copybut31537" onclick="doCopy('code31537')"> コードは次のとおりです。 var a=3; b=” 3"; alert(a==b); <div class="codebody" id="code31537">JS の変数の値は厳密に型指定されます。 var a =3; alert(a===b); どちらも var 型の変数ですが、値が異なり、一方は整数型、もう一方は文字列型です。 var 型と比較すると、var 型は当然、整数型になります。 type は文字列型と比較されます。もちろん、 == はそれらの値が同じかどうかを比較するために使用されます。変数が var 型である限り、計算値の型にはなりません。もちろん、それはナンセンスです。2 番目の変数タイプの変数を宣言できない可能性はありますか? === は、値が同じ型であるかどうかを判断するための比較に使用されます。そうでなければ比較の対象になりません。 JS の変数の値は、整数、文字列、数値、ブール値などを含めて厳密に型指定されます。 8.typeof とinstanceof は失敗を判断する使命を完了します typeof は、次の目的で使用されます。基本データ Type instanceof は、オブジェクトの型が特定の型番号であるかどうかを判断するために使用されます 9.5 種類の継承により、オブジェクトの偽装がさらに強力になります。 ii.apply iii. call iv.prototype v.for ループメソッド 使用法: JS の継承は 10 の単なるコピーであることを常に覚えておいてください。 . DOM モデルの構造があなたを変える DOM の考え方は、データをツリー状に構造化する考え方です。 DOM を学習するには、どのノードにも親ノードと 0 個以上の子ノードがあること、およびページはデータを表示する場所にすぎないことを理解する必要があります。 , メモリ内 DOM オブジェクトのデータが保存される場所です。どの DOM オブジェクトも、親ノードオブジェクトを 1 つだけ持つことができます。父と子の関係はいつでも変わる可能性があります。必須: オブジェクトの取得: チェック オブジェクト操作: 追加、変更、削除 コンテンツ操作: innerHTML、innerText など イベント操作: マウス、キー スタイル操作: id、tag、class 属性の操作:attribute 11. コールバック関数でコード記述を軽減 コールバック関数とは JS では関数名で識別します。関数。つまり、ある関数に関数名 (関数名ハンドル) を渡すと、その関数が自動的に関数を呼び出して関連する処理を完了します。 発信者と着信者は分離されており、発信者と着信者を気にする必要はありません。コールバックは、通知メカニズムやイベントに使用できます。 12. 関数と引数 関数名は関数のハンドル、ポインタ、および関数名です。これは、JS に関数のオーバーロードがないことも意味します。関数のオーバーライドのみ。関数名は関数を一意に識別します。 JS の関数呼び出しでは、関数名の後に括弧 () を追加する必要があります。 関数呼び出しのパラメーターは、どのような状況であっても保存されます。関数本体の引数オブジェクトはオブジェクトであり、パラメータは配列の形式で格納されますので、直接使用できます。 13. クロージャ (匿名関数) は開発のショートカットを開きます クロージャは、関数の外で呼び出される関数内のパラメータです。これらは一般に匿名関数とも呼ばれますが、それらは異なります。。クロージャの価値は、型システムの場合、クロージャが関数オブジェクトまたは匿名関数として使用できることです。これは、データを表すだけでなくコードも表すことを意味します。クロージャをサポートするほとんどの言語は、関数を第 1 レベルのオブジェクトとして使用します。つまり、これらの関数は変数に格納したり、パラメータとして他の関数に渡すことができ、最も重要なことに、関数によって動的に作成して返すことができます。関数変数名の競合を減らし、権限スコープを持たない JS に権限スコープを提供します。インターフェイスを提供する必要があるが、インターフェイスオブジェクトをグローバル変数にしたくない場合は、匿名関数を使用する必要があります。 (function(){ ローカルコードは、次の場合を除き、外部からアクセスできません。入り口を提供します })();</script>

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する（バックエンド統合）Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション（EDTECHアプリ）を作成しましたが、あなたは同じことをすることができます。まず、マルチテナントSaaSアプリケーションとは何ですか？マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法（フロントエンド統合）Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript：Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1）フロントエンド開発：DOM操作と最新のフレームワーク（React、Vue.JS、Angularなど）を通じて、動的なWebページとシングルページアプリケーションを構築します。 2）サーバー側の開発：node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3）モバイルおよびデスクトップアプリケーション開発：クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化：現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

javascriptの分解：それが何をするのか、なぜそれが重要なのかApr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1）イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2）動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3）非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

pythonまたはjavascriptの方がいいですか？Apr 06, 2025 am 12:14 AM

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptをインストールするにはどうすればよいですか？Apr 05, 2025 am 12:16 AM

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1）ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2）node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。