JavaScript グローバル変数カプセル化モジュール実装コード_javascript スキル
以下のコードは私のテスト コードです。コメントは非常に重要です:
/*グローバル ウィンドウ,jQuery,validate_email,masterUI,$,rest*/
/**この関数に対して ECMAScript の「厳密」操作を有効にします。詳細:
* http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/
* http://stackoverflow.com/questions/5020479/what-advantages -does-using-functionwindow-document-undependent-windo
* Q1: ウィンドウとドキュメントが通常にアクセスされるだけでなく、フィードされるのはなぜですか?
* A1: 一般に、識別子の解決プロセスを高速化するには、識別子をローカル変数として使用すると役立ちます (ただし、IMO によると、パフォーマンスの向上はごくわずかである可能性があります)。
* A2: グローバル オブジェクトを渡すことは、グローバル スコープでウィンドウ識別子を持たない非ブラウザ環境でも広く使用されている手法です。例:
* (function (global) {
* //..
* })(this); // グローバル実行コンテキスト上のこれは、グローバル オブジェクトそのものです
* A3: ウィンドウとドキュメントを渡すと、スクリプトをより効率的に縮小できます
*
* Q2: 一体、なぜ未定義が渡されるのでしょうか?
* A1: これは、ECMAScript 3 の未定義のグローバル プロパティが変更可能であるために作成されます。つまり、誰かがその値を変更してコードに影響を与える可能性があります。たとえば、
* unknown = true; // 変更可能な
* (function (unknown) {
* warning(typeof unknown); // "未定義"、ローカル識別子
* })(); // <-- 値は渡されず、デフォルトでは未定義です
* よく見ると、実際には未定義が渡されていません (関数呼び出しに引数がありません)。
* これは、プロパティ window.unknown を使用せずに、未定義の値を使用します。
*
*/
(関数(ウィンドウ, ドキュメント, 未定義) {
" use strict";
window.test = {
init: function () {
"use strict";
alert("ok");
}
};
})(window , document);// 他の人によって変更された変更可能な window.unknown の使用を避けるために、ここには未定義のパラメータはありません
1. 手順は、stackoverflow の記事と投稿を参照してください
2. (function(){})() このようなコードは別のjsファイルに書かれており、そのjsファイルをhtmlで読み込むと関数が実行されます。実際に windows.text オブジェクトが作成されます。
将来的には、HTML コードは test.init の形式でメソッドを呼び出すことができるようになります。
コードのテスト HTML 部分は次のとおりです:
[プレーン] plaincopyprint を表示しますか?
3.Jslint は 2 つの質問を報告します。1 つは未定義に関するものです。良い方法が見つからないので、愚痴を言ってください。別の形式の最後の呼び出しメソッドは次のように変更する必要があります:
気にしないでください。正しく機能する限り。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。 ヌルデータ型 JavaScriptのように、Typescriptのnull
