JavaScript初心者が注意すべき7つの内容を詳しく紹介_基礎知識
各言語には独自の特徴があります。JavaScript の場合、var を使用して任意の型の変数を宣言できます。このスクリプト言語は非常に単純に見えますが、洗練されたコードを記述するには継続的な経験の蓄積が必要です。この記事では、JavaScript 初心者が注意すべき 7 つの詳細をリストし、それらを共有します。
(1) コードを簡略化する
-------------------------------- -----------------------------------------------
JavaScript はオブジェクトと配列を定義するのが非常に簡単です。通常は次のように記述してオブジェクトを作成します。
var car = new Object();
car.colour = 'red';
car.wheels = 4;回転';
car.age = 4;
var car = {
wheels:4,
hubcaps:'spinning',
age:4
}
以降は非常に短く、オブジェクト名を繰り返し記述する必要はありません。
); >
詳細 簡潔に書く方法は次のとおりです:
これはおかしなことです。「連想配列」は単なるオブジェクトのエイリアスです。
コードを簡素化するもう 1 つの方法は、三項演算子を使用することです。例:
コードは次のとおりです。
次のコードを使用してこの記述を置き換えることができます:
コードをコピーします
コードは次のとおりです。次のように:
コードをコピー
コードは次のとおりです:
var Band = {
},
{
"名前":"チャド・スミス",
"役割":"ドラム、パーカッション"
},
{
"名前":"ジョン・フルシアンテ",
"役割":"リードギター"
}
],
"年":"2009 "
}
JSON は JavaScript で直接使用することも、API によって返される形式としても使用できます (
など)。
コードをコピーします
コードは次のとおりです:
<script> <br>function fresh(o){ <br>var out = '<ul>'; for(var i=0;i<o.length>out = '<li><a href="' o[i].u '">' ].d '</a></li>'; <br>} <br>out = '</ul>'; <BR>document.getElementById('delicious').innerHTML = out; 🎜>} <BR></script>
ここでは、delicious の Web サービスを呼び出して最新のブックマークを取得し、それらを JSON 形式で返し、順序なしリストに表示します。
本質的に、JSON は複雑なデータを記述するための最も軽量な方法であり、ブラウザーで直接実行されます。 PHP で json_decode() 関数を呼び出して使用することもできます。
(3) JavaScript ネイティブ関数を使ってみる
---------------------------- -------------------------------------------------- 一連の数値の最大値を見つけるには、次のようなループを作成します。
最大 = 数値[i]>}
}
アラート(最大); >実際には必要ありません ループで同じ機能を実現できます:
コードをコピー
コードは次のとおりです:
コードをコピーします
コードは次のとおりです:
Math.max(12,123,3, 2,433,4); // 433 を返します
コードは次のとおりです。
varscrollTop= Math.max(
doc. documentElement.scrollTop,
コードをコピーします
コードは次のとおりです:
function addclass(elm,newclass){
var c = elm.className;
コードは次のとおりです:
function addclass(elm,newclass){
classes.push(newclass);
コードをコピー
コードは次のとおりです:
脚本如下:
// 古典的なイベント処理の例
(function(){
var resource = document.getElementById('resources');
var links = resource.getElementsByTagName('a');
var all = links.length;
for(var i=0;i
links[i].addEventListener('click',handler,false) ;
};
function handler(e){
var x = e.target;
alert(x);
}
})();
より信頼できる写法は只给列表の父对オブジェクト绑定イベント,代码如下:
var resource = document.getElementById('resources');
resources.addEventListener('click ',handler,false);
function handler(e){
var x = e.target; //
if(x.nodeName.toLowerCase() === 'a' のリンクを取得します。 ){
alert('イベント委任:' x);
e.preventDefault();
});
(5)匿名関数
---------------------- -------------------------------------------------- --- JavaScript の最も厄介な問題の 1 つは、その量には特定の作用範囲がないということです。たとえば、次の設定では、3 つの全局所関数と 2 つの全局所関数が生成されます:
function createMember(){
// [...]
}
function getMemberDetails(){
// [...]
}
封装後如下:
var status = 'single';
return{
createMember:function(){
// [...]
},
getMemberDetails:function(){
// [...]
}
}
}();
// myApplication.createMember() および
// myApplication.getMemberDetails() が機能するようになりました。
これは、JavaScript デザインモードの 1 つである单体モードとして知られており、この種のモードは YUI で非常に多く使用されており、変更された写法は次のとおりです:
var status = 'single';
function createMember(){
// [...]
}
function getMemberDetails(){
// [...]
}
return{
create:createMember,
get:getMemberDetails
}
}();
//myApplication.get() と myApplication.create() が機能するようになりました。
(6) 設定可能なコード
-------------------------------- - ---------------------------------------
もしよろしければ他の人が使用したり変更したりしやすくするために作成したコードを構成可能にする必要があるのは、作成したスクリプトに構成オブジェクトを追加することです。重要なポイントは次のとおりです:
1. スクリプトにconfigurationというオブジェクトを追加します。
2. CSS ID、クラス名、言語など、他の人が変更する可能性のあるすべてのものを設定オブジェクトに保存します。
3. このオブジェクトをパブリック プロパティとして返し、他の人がオーバーライドできるようにします。
(7) コードの互換性
-------------------------------- - --------------------------------------------
互換性は初心者が見落としがちな部分です。通常、JavaScript を学習するときは固定ブラウザでテストされますが、現在主流のブラウザはいくつかあるため、これは非常に致命的です。規格のため。エンド ユーザーが見た結果として、作成したコードが特定のブラウザでは正しく実行できない場合があります。すべての主要なブラウザでコードをテストする必要があります。これには時間がかかるかもしれませんが、必ず実行する必要があります。

ホット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)

ホットトピック











初心者から専門家まで: C コンパイラーの 5 つの必須の推奨事項 コンピューター サイエンスの発展に伴い、プログラミング言語に興味を持つ人がますます増えています。 C 言語は、システムレベルのプログラミングで広く使用される高級言語として、常にプログラマーに愛されてきました。効率的で安定したコードを作成するには、自分に合った C 言語コンパイラを選択することが重要です。この記事では、初心者から専門家まで選択できる 5 つの必須の C 言語コンパイラを紹介します。 GNU コンパイラ コレクションである GCCGCC は、最も一般的に使用される C 言語コンパイラの 1 つです。

C++ と Python、どちらが初心者に適していますか?情報技術が世界を席巻するこの時代、プログラミング能力は必須のスキルとなっています。プログラミングを学習する過程では、適切なプログラミング言語を選択することが特に重要です。数多くのプログラミング言語の中でも、C++ と Python は初心者にとって人気のある 2 つの選択肢です。では、C++ と Python のどちらが初心者に適しているのでしょうか?以下では、さまざまな側面で 2 つの長所と短所を比較し、なぜ初心者がプログラミングを始めるのに特定の言語を選択する方がより役立つのかを説明します。

WooCommerce 製品とその関連設定について学習したところで、WooCommerce の税金構成オプションを見てみましょう。税金の設定 オンライン ストアのオーナーとしては、税金のルールや問題に決して干渉したくありません。 WooCommerce はこれを支援し、国や個々の店舗の要件によって異なる可能性があるすべての税金設定に対処するための複数のオプションを提供します。これらのオプションは、「WooCommerce」->「設定」->「税金」にあります。 「税設定」タブに入ると、3 つの異なる税区分を含むメインの「税設定」セクションが表示されます。これらは次のとおりです: 税金オプション 標準税率 軽減金利 ゼロ金利 税金

初心者ガイド: Pandas を使用して HTML 表形式データを読み取る方法 はじめに: Pandas は、データの処理と分析のための強力な Python ライブラリです。柔軟なデータ構造とデータ分析ツールを提供し、データ処理をよりシンプルかつ効率的にします。 Pandas は、CSV、Excel、その他の形式のデータを処理できるだけでなく、HTML テーブル データを直接読み取ることもできます。この記事では、Pandas ライブラリを使用して HTML テーブル データを読み取る方法を紹介し、初心者に役立つ具体的なコード例を示します。

初心者向け必須: Python でラムダ関数の基本的な使用法をマスターするには、特定のコード例が必要です。概要: Python は、シンプルで習得しやすいプログラミング言語です。その簡潔で柔軟な構文により、多くのプログラマーの愛を集めています。 。 Python では、ラムダ関数は、名前を付けずに関数が必要な場所に直接定義できる特別な匿名関数です。この記事では、ラムダ関数の基本的な使用法を紹介し、初心者がよりよく理解できるように具体的なコード例を示します。

タイトル: プログラミング初心者はC言語とCをどちらから学ぶべきですか?プログラミングの分野では、C 言語と C は 2 つの非常に重要なプログラミング言語であり、どちらにも独自の特徴と利点があります。初心者にとって、学習する言語の選択は少し混乱するかもしれません。この記事では、この問題について説明し、初心者が 2 つの言語の違いをよりよく理解できるように、いくつかの具体的なコード例を示します。まずはC言語について見ていきましょう。 C 言語は、アセンブリ言語から開発された強力で広く使用されているプログラミング言語です。

初心者にとって、適切な Django バージョンを選択することは重要であり、直面しなければならない問題です。 Django は効率的な Web フレームワークとして、多数のユーザーと開発者を抱えているため、さまざまな製品やアプリケーションのニーズを満たすために複数のバージョンもあります。しかし、プロジェクトのニーズに基づいて適切な Django バージョンを選択するにはどうすればよいでしょうか?以下では、自分に合ったバージョンを選択するのに役立ついくつかの例を使用します。使用されているデータベースが Django で MySQL、Postgre などの複数のデータベースをサポートしていることを確認します。

matplotlib は、Python で最も一般的に使用されるデータ視覚化ライブラリの 1 つです。折れ線グラフ、棒グラフ、散布図など、さまざまなプロット オプションが提供されます。この記事では、matplotlib を使用して散布図を描画する方法を説明し、初心者がすぐに使い始めるのに役立つ具体的なコード例を示します。 1. matplotlib モジュールをインポートする matplotlib を使用して散布図の描画を開始する前に、まず、関連する Python モジュールをインポートする必要があります。コードは次のとおりです。
