この記事では、参照のためにJavaScriptの基本的な(共通)構文を紹介します。
概要
最初にJavaScriptの書き方について話させてください。 2つのフォームがあります。1つはJavaScriptをHTMLページに直接記述することで、もう1つは *.jsファイルに存在し、ページに参照することです。
直接書くときは、<head> </head>または<body> </body>に入れることができます。一般に、関数は<head>領域に配置され、特定の実行コードは<body>領域にあります。たとえば、体に書く:
<body> <script> document.writeln( "haha <br/>"); </scrip> </body>
引用方法
<script type = "text/javascript" src = "js_css/menutree.js"> </scrip>
実行順序とライフサイクル
JavaScriptは、上から下まで順番に実行/解析されます。関数または関数を呼び出すときは、関数が解析/宣言されていることを確認する必要があります。これが、関数定義が一般的に<head>に配置される理由でもあります。
すべての機能と変数は、このページでのみ有効です。ページを離れた後、前のページで宣言された変数または関数に新しいページでアクセスできません。アクセスする必要がある場合は、Cookieで保存して、次のページで読むことができます。
構文 - 変数
変数定義はVARで始まり、変数を定義できます。関数本文に配置されたものはローカル変数と見なされ、外側の変数はグローバル変数です。 JavaScriptの構文は非常に乱雑であり、変数を定義する他の方法があることを指摘する必要があります。しかし、私は誰もが他の乱雑な構文を使用しないことを願っています。この最も一般的な構文を使用してください。
誰もが変数について理解する必要があります
(1)変数は弱いタイプであり、整数を文字列に直接追加して文字列を取得することもできます
(2)いわゆるグローバル変数は、現在のページでのみ有効です。ページがアンロードされて別のページにジャンプすると、すべての変数が破壊されます。これらのグローバル変数は、ブラウザの埋め込み変数(ユーザーエージェントとも呼ばれます)とは異なります。各ページには、ウィンドウやドキュメントなどのオブジェクトが埋め込まれています。
(3)単一の引用または二重引用符を区別しないでください
<script> //変数定義var nnumofbytes = 10; var fpercent = 0.32; var stryourname = 'mr.known'; var prect = new object(); </script>
構文 - 関数
<script>関数gotourl(strurl){location.href = strurl; } </script>関数は、次のようなHTMLイベント/form/javaScriptで呼び出すことができます。
HTML要素イベントコールバック:
<body onload = "gotourl( '// www.vevb.com')">
フォーム要素イベントコールバック
<select name = "SomeList" onchange = "onsomethingchanged()">
ハイパーリンクターゲット
<a href = "javascript:gotourl( 'www.vevb.com')"> go </a>
JavaScriptで直接電話してください
<script> gotourl( "www.vevb.com"); </script>
構文 - クラス
一般に、JavaScriptはカスタムクラスを必要としません。つまり、一般にこのような複雑なレベルに達しません。スクリプト言語なので、いくつかの言葉を書くだけです。第一に、デバッグすることは困難であり、第二に、読むのは不便です。ただし、メニューツリーなどの複雑な関数を作成する必要がある場合は、それを完了するためにいくつかのカテゴリを記述する必要があります。
同様に、クラスにはJavaScriptに2つの定義された形式もあります。次の形式を知る必要があります。別の形式が悪いので、知らない方が良いです。
最初にコンストラクターパラメーターなしで1つを取りましょう。
<script> function sampleclass(){//変数定義this.nid = 10; //メンバー関数定義this.plusid = function(nplus){return this.nid + nplus; }} </script>別のパラメーター作成クラス
function menuitem(l、h、t){this.label = l; this.href = h; this.target = t; this.tohtml = function(){var html = "<a href = '" + this.href + "'"; if(this.target!= null)html + =( "target = '" + this.target + "'"); html + = ">" + this.label + "</a>"; HTMLを返します。 }}クラスのインスタンスを作成します
var item = new menuitem( "haha"、//www.vevb.com、null);
クラスについては、次のポイントに注意してください。
(1)ゼロからクラスを書かないでください。それを私からコピーして、それを変更してください。
(2)メンバー関数のメンバー変数を参照するには、必ずこれを追加してください。そうしないと、参照は不可能です。
(3)メンバー関数が値を返したい場合は、returnを使用します。任意のタイプを返したい場合は、事前に宣言する必要はありません。直接返品してください。
(4)C ++とJavaを学ぶプログラマーの場合、var p = new someclass()を理解する必要があります。この文の新しいのは、実際にオブジェクトを作成してポインターを返すことです。
(5)オブジェクトクラスの使用を検討します
構文 - オブジェクトクラス
JavaScriptの構文は非常に混oticとしており、スクリプト言語は高すぎません。クラスをカスタマイズすることはできますが、ほとんどの場合、クラスを自分で宣言する必要はありません。この構造の形を事前に宣言することなく、オブジェクトクラスを使用して構造を定義できます。
のように:
関数CreateObject(){var obj = new object(); obj.x = 10; obj.y = 11; OBJを返します;}それを見ると、この関数はオブジェクトをランダムに作成し、メンバーXとYを追加し、誰にも通知しません(プロトタイプ宣言はありません)。ユーザーは、推測せずに牛やOYを直接呼び出すこともできます。
<Script> var o = createObject(); document.writeln( "x =" + ox + "、y =" + oy); </script>
しかし、安全上の理由から、それは次のように書くこともできます:
var o = createObject(); if(ox!= null && oy!= null){document.writeln( "x =" + ox + "、y =" + oy); }構文 - 配列
<script> // var a = new Array()を作成します。 //例(var i = 0; i <a.length; i ++){var e = a [i]; } // var item = new Menuitem( "000"); this.itemarray.push(item); </script>要素を削除する方法は?値をnullに直接割り当ててからテストしてから追加することを忘れないでください。
メンバー変数としての配列
function menu(){this.itemarray = new Array(); this.additem = function(l、h、t){var item = new menuitem(l、h、t); this.itemarray.push(item); }; }JavaScriptのコア文法(推奨)の上記の概要は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。