ホームページ > ウェブフロントエンド > jsチュートリアル > Chuanzhi Podcast JavaScript の基礎を学ぶ_基礎知識

Chuanzhi Podcast JavaScript の基礎を学ぶ_基礎知識

WBOY
リリース: 2016-05-16 18:41:51
オリジナル
1342 人が閲覧しました

1. JavaScript と Java の違い
1. JavaScript は Netscape の製品であり、Java は Sun の製品です。
2.JavaScript はオブジェクトベースであり、Java はオブジェクト指向です。
3. JavaScript は、実行する前に解釈する必要があります。まず、Java をバイトコード ファイルにコンパイルしてから実行する必要があります。
4.JavaScript は弱く型指定され、Java は強く型指定されます。
要約: 実際、Java と JavaScript は、名前が似ていることを除けば、互いにほとんど何の関係もありません。JavaScript は Java からいくつかのアイデアを借用しています。
2. JavaScript と Html を組み合わせる方法
1. タグ形式
JavaScript コードをタグペア <script> に格納します。 . . </スクリプト>。どこにでも設置可能。 <br>2.インポート方法<br>scriptタグのsrc属性を使用してJavaScriptファイルをインポートします。 <br>例: <script src=”test.js” type=”javascript”></script>
注: 仕様の script タグに type 属性を追加する必要があります。
3. JavaScript 構文
1. 変数
は、弱い型であるため、特定のデータ型を指定する必要はありません。
例: var x = 3;
2) JavaScript の特殊な定数値: unknown 変数を初期化せずに使用した場合、変数の値は不定になります。
2. 演算子
Java に似た他のプログラミング言語と同様。文字列連結演算子 ( ) と三項演算子 (? :) もサポートされています。違いは、三項演算子には値が必要なく、ステートメント内で直接出力できることです。
3. ステートメント
ステートメントの形式はさまざまなプログラミング言語と同様で、判定、選択、ループもあります。ただし、いくつかの点に注意してください:
1) JavaScript では非ゼロが真です。たとえば、次のコード
var x = 3;
if(x==4)// は比較演算を実行できます。
if(x=4)//代入演算もできるし、判定もできる。エラーは報告されません。結果は true なので、if ステートメントの後に if(4==x) を逆に書くことができます。そのため、4=x と書くとエラーが報告されます。間違いは修正できます。
2) スイッチには型制限はありません
3) ループには終了条件が必要です
4) ブール演算を接続するには、& または | を使用する場合は、&& または || を使用する必要があります。操作が実行されます

4.関数
1. 一般関数
形式:
関数 関数名 (仮パラメータ...)
{
return 戻り値;
注: 1) return ステートメントを記述する必要はありません。関数は実行前に呼び出す必要があります。
2) 弱い型である仮パラメータに var を追加する必要はありません。
3) パラメーターを指定して関数を呼び出しますが、値を渡さない、またはパラメーターの数を超える値を渡しても、関数はパラメーターなしで呼び出して値を渡します。関数は引き続き実行されます。
4) JavaScript にはオーバーロードされた関数形式はありません。
関数の複数のパラメーターは実際には JavaScript の引数配列にカプセル化されるため、任意の数のパラメーターを受け入れることができますが、定義された形式のパラメーターに従うのが最善です実際のパラメータを渡します。
5) 次の例に注目してください。
var show = demo();
上記のステートメントは、show 変数がデモ関数の戻り値を受け取ることを示しています。
var show = demo;
上記のステートメントは、show と demo が同じオブジェクトを指し、同じ関数を表すことを意味します
2. 動的関数
は JavaScript の組み込みオブジェクト Function を通じて実装されます。以下のように:
var Demon = new Function("x,y","var sum = x y;alert(sum);");
demo(5,2); とは異なります。一般的な関数 さらに、パラメータと関数本体はパラメータを介して渡すことができ、動的に指定できます。

3. 匿名関数
形式: function()
例: var Demon = function(){alert("snow");}
demo(); 注:通常、イベント プロパティの動作を定義するときに使用されます。
4. その他の形式
var p = new Object();
p.demo = show;アラート(p.name ":" ページデモ(4,5));
関数 show(x,y){return x y;}

配列

JavaScript では、配列はコレクションの特性を組み合わせて任意の要素を格納でき、長さも可変です。また、値を割り当てるときは、次のように中括弧ではなく角括弧を使用します。
arr = new Array();
arr[1] = 258; 🎜 >または var arr = ["ashf",258,true,'sfa'];
トラバースするときは int x を使用せず、弱い型である var x を使用するように注意してください。
2 次元配列: var arr = [[Element,Element....],[Element...],[Element....]....]
6. -in Object
JavaScript には、String、Object、Date などの組み込みオブジェクトが多数あります。関連するヘルプ ドキュメントを確認できます (必要に応じて、ここに電子メール アドレスを入力できます)。いくつかの違いについて簡単に説明します。
1. String の長さはメソッドではなく属性です。
2. String の substring (a, b) メソッドは a から b-1 までの文字を受け取りますが、substr (a, b) メソッドはa から始まり b 文字を受け取ります
3.a.toString(b) は b ベースの a 形式を返します
4.parseInt ("a", b) は b ベース a を a の 10 進数形式に変換します


7. カスタム オブジェクト
JavaScript では、既に提供されている組み込みオブジェクトに加えて、オブジェクトをカスタマイズすることもできます。
方法 1:
function car(){}
var c = new car();
c.tyre = 4; .run = show;
function show(){alert(c.color c.tyre "run");}
c.run();
メソッド 2:
function car(color,タイヤ)
{
this.color = color;
this.tyre = タイヤ;
var c = new car("white",4); .color ":" c["tyre"]);

8. オブジェクトを操作するためのステートメント

1. オブジェクトの複数のメンバーを呼び出す場合、呼び出しでは、「object.」形式で繰り返し記述することは避けてください。
形式: with (object) { ここでコードに (object.property) を追加する必要はありません} var p = new car("white",4);
alert(c.color) ":" c ["タイヤ"]);
は次のように記述できます:
var p = new car("white",4);
with(car){alert(color ":" タイヤ) )};
注: with ステートメントは、オブジェクトのメンバーを直接呼び出すことができるオブジェクトのスコープを定義します。
for...in ステートメント
オブジェクト ステートメントの For 変数: オブジェクト内のメンバーを走査します。配列を走査する場合、変数は添字です。
オブジェクトの値オブジェクト [変数] を取得します。変数は属性名です

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート