Javascriptタイプの変換、閉鎖関数およびよくある内蔵オブジェクトの操作例
3894 ワード
本論文の実例は、Javascriptタイプの変換、閉鎖関数、およびよくある内蔵オブジェクトについて述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
Javascript構成
1、ECMAscript javascriptの文法(変数、関数、循環語句などの文法)
2、DOMドキュメントの対象モデルの操作)とcssの方法
3、BOMブラウザの対象モデルはブラウザのいくつかの方法を操作します。
タイプ変換
1、直接パーrseInt()とパーrseFloat()を変換する。
1、alert
2、consone.log
3、document.title
変数のスコープ
変数のスコープは変数の作用範囲を指し、javascriptの変数は大域変数と局所変数に分けられます。
1、グローバル変数:関数以外で定義された変数は、ページ全体に共通で、関数の内部外部にアクセスできます。
2、局所変数:関数内部で定義された変数は、その変数を定義する関数の内部のみにアクセスできます。外部はアクセスできません。
クローズド関数は、Javascriptの匿名関数の別の書き方であり、最初から名前を付けずに実行される関数を作成します。
一般的に定義された関数と実行関数:
クローズド関数は独立した空間を作成できます。クローズド関数で定義された変数と関数は外部の同名の関数と変数に影響を与えません。名前の衝突を避けることができます。ページに複数のjsファイルを導入する時、このようにjsファイルを追加するのは安全です。
1、document
もっと多くのJavaScriptに関する内容は当駅のテーマを調べられます。「JavaScript常用関数技術のまとめ」、「javascript対象向け入門教程」、「JavaScriptエラーとデバッグテクニックのまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」及び「JavaScript数学演算の使い方のまとめ」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。
Javascript構成
1、ECMAscript javascriptの文法(変数、関数、循環語句などの文法)
2、DOMドキュメントの対象モデルの操作)とcssの方法
3、BOMブラウザの対象モデルはブラウザのいくつかの方法を操作します。
タイプ変換
1、直接パーrseInt()とパーrseFloat()を変換する。
alert('12'+7); // 127
alert( parseInt('12') + 7 ); // 19
alert( parseInt(5.6)); // 5
alert('5.6'+2.3); // 5.62.3
alert(parseFloat('5.6')+2.3); // 7.8999999999999995
alert(0.1+0.2); // 0.3000000000000004
alert((0.1*100+0.2*100)/100); // 0.3
alert((parseFloat('5.6')*100+2.3*100)/100); // 7.9
2、隠蔽変換「=」と「-」
if('3'==3)
{
alert(' ');
}
// ' '
alert('10'-3); // 7
3、NaNとisNaN
alert( parseInt('123abc') ); // 123
alert( parseInt('abc123') ); // NaN
デバッグプログラムの方法1、alert
2、consone.log
3、document.title
変数のスコープ
変数のスコープは変数の作用範囲を指し、javascriptの変数は大域変数と局所変数に分けられます。
1、グローバル変数:関数以外で定義された変数は、ページ全体に共通で、関数の内部外部にアクセスできます。
2、局所変数:関数内部で定義された変数は、その変数を定義する関数の内部のみにアクセスできます。外部はアクセスできません。
<script type="text/javascript">
//
var a = 12;
function myalert()
{
//
var b = 23;
alert(a);
alert(b);
}
myalert(); // 12 23
alert(a); // 12
alert(b); //
</script>
関数を閉じますクローズド関数は、Javascriptの匿名関数の別の書き方であり、最初から名前を付けずに実行される関数を作成します。
一般的に定義された関数と実行関数:
function myalert(){
alert('hello!');
};
myalert();
関数を閉じます:
(function myalert(){
alert('hello!');
})();
関数定義の前に「~」と「!」を付けることもできます。などの記号で匿名関数を定義します。
!function myalert(){
alert('hello!');
}()
閉鎖関数の利点クローズド関数は独立した空間を作成できます。クローズド関数で定義された変数と関数は外部の同名の関数と変数に影響を与えません。名前の衝突を避けることができます。ページに複数のjsファイルを導入する時、このようにjsファイルを追加するのは安全です。
var iNum01 = 12;
function myalert(){
alert('hello!');
}
(function(){
var iNum01 = 24;
function myalert(){
alert('hello!world');
}
alert(iNum01);
myalert()
})()
alert(iNum01);
myalert();
常用内蔵オブジェクト1、document
document.getElementById // id
document.getElementsByTagName //
document.referrer // ( )
2、location
window.location.href // url
window.location.search //
window.location.hash //
3、Math、
Math.random 0-1
Math.floor
Math.ceil
興味のある友達はオンラインHTML/CSS/JavaScriptコードを使ってツールを実行できます。http://tools.jb51.net/code/HtmlJsRun上記コードの運行効果をテストします。もっと多くのJavaScriptに関する内容は当駅のテーマを調べられます。「JavaScript常用関数技術のまとめ」、「javascript対象向け入門教程」、「JavaScriptエラーとデバッグテクニックのまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」及び「JavaScript数学演算の使い方のまとめ」
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。