ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript学習入門 第2回 js型_基礎知識

Javascript学習入門 第2回 js型_基礎知識

PHP中文网
リリース: 2016-05-16 19:03:09
オリジナル
1061 人が閲覧しました

前の記事では、js のいくつかの概念 (語彙構造) とデータ型 (部分) について説明しました。 この章に進み、js で操作されるデータと関数の範囲について学びましょう。

1. オブジェクトと基本型の間の変換:
オブジェクトが空でない限り、
例: new Boolean(false); 🎜 >new Number(0);
new String("");
上記の内部値は false ですが、
Object ? valueOf() ? toString()
このうち、Date クラスは最初に toString() 変換を行います。

2. js でのデータ値の操作:
どの言語にも独自のデータ操作方法があります。
js でデータ値を操作するには、3 つの重要な方法があります。
1) コピーします。たとえば、それを新しい変数に代入します。
2) パラメータとして関数またはメソッドに渡します。
3) 他の値と比較できます。

Js は、値による受け渡しとアドレスによる受け渡しという 2 つの方法でこれらのデータの値を操作します。
名前からわかるように、値渡しは値を渡してデータを操作することです。代入プロセス中に、実際の値がコピーされ、新しい変数に保存されます。コピーされた値と元の値は、完全に独立した 2 つの値です。したがって、コピーした値を変更しても、元の値には影響しません。サイズを比較する場合、通常はバイトごとの比較が実行されます。
アドレスの受け渡し その名の通り、アドレスを渡してデータを操作することです。代入処理の際、実際の値(参照とも言えます)のアドレスがコピーされますが、完全に独立しているわけではないため、参照を介して値を変更すると、元の値も変更されます。サイズを比較するときは、通常、同じアドレスを参照しているかどうかを確認するために比較されます。
簡単なアドレス渡しの例:
var a = new Date();
var b = a;
b.setDate(21); 🎜>alert(a.getDate()) // 出力 21

3、一般的に言えば、
基本的なデータ型は値を渡すことによって操作されます。 (基本データ型を忘れた場合は、見返すことができます。)
オブジェクトのデータ型は、アドレスを渡すことで操作されます。 (配列や関数など)


//値を渡します
b=a; alert (a); //出力 1

//アドレス
x=[1,2]
y=x; // y に割り当てられるのは x への参照だけです。 xそのものではありません。このコードを実行すると、配列オブジェクトが 1 つだけ存在しますが、それに対する参照が 2 つあります。
y[0]=2;
alert(x[0] " | " x[1]); //出力 2
文字列:
js 内の文字列はコピーされ、アドレスによって渡され、値によって比較されます。
オブジェクトと配列は値によって渡されますが、渡される値は実際には参照であり、オブジェクト自体ではありません。
概要: タイプのコピーと通信の比較
Digital Digital Value Value Value
Boolean Dive Value Value Value
Strough Strings Invasion および Uncosty Value
に渡されたアドレスは不変です: JS では、文字列値の内容を変更する方法はありません。
文字列の場合、値で渡すかアドレスで渡すかはあまり意味がありません。

4. ガベージコレクションメカニズム:
Js 内のメモリを自動的に解放します。
例:
var s = “heelo”;
var b = s.toUpperCase();
s=b; // ここで実行すると、js は特定のオブジェクトを自動的に検出します。 s=b であるため、js は文字列「heelo」によって占められていたストレージ領域を自動的に解放します。つまり、元の "heelo" 値を取得できなくなります。

5、JavaScript 変数:
Js は型指定されていません。その変数は、あらゆる種類の値を保持できます。

変数宣言:
var a ;
var b ;
var a, b ;
var a=0, b=1; 🎜>
重複した宣言は正当です。
宣言が省略された場合、js は暗黙的に変数を宣言します。もちろん、暗黙的に宣言された変数は常にグローバル変数です。

6、変数スコープ:
Js にはグローバルとローカルの 2 つのタイプがあります。
名前の定義から、グローバル変数のスコープがグローバルであることがわかります。
js コードでは、あらゆる場所に定義があります。
ローカル変数のスコープはローカルです。
関数本体で定義されています。

同じ名前のローカル変数は、同じ名前のグローバル変数よりも高い優先順位を持ちます。次の例はこれを示しています。 ){
var a = "efg"; //同じ名前のローカル変数
document.write(a);}
check(); // 出力 efg

より古典的な例を見てみましょう:
varscope = "global";
function f(){
alter(scope) ; //未定義の出力
varscope = "local";
alter(scope); //出力ローカル
}

なぜ最初の出力は未定義はどうでしょうか?
jsではローカル変数とグローバル変数の名前が同じ場合、関数本体内の同名のグローバル変数は非表示になると規定されているためです。
今の例は実際には以下と同じです:
function f(){
varscope;
alter(scope); );
}
f();
OK、この例を理解できれば、ローカルとグローバルのいくつかの違いを理解できることになります。

7、変数スコープ:
内部から外部へ:
字句スコープ スコープチェーン 変数検索
var x = 1;
function f(){
var y = 2;
関数 g(){
var z =3;

} g() オブジェクトを呼び出します。 >
Call f() object;




ここでグローバル変数 x = 1 が定義されていますか?
はい
いいえ
値を取得
ここで定義されていますか?
はい
いいえ
値を取得
ここで定義されていますか?
はい
いいえ
値の取得
未定義

8、クライアント グローバル変数:
クライアント JS では、Window オブジェクトはグローバル オブジェクトであるブラウザ ウィンドウを表します。 ,
たとえば、一般的に使用される parseInt() と Math() は、Window オブジェクトによって定義されるプロパティです。

Js ではグローバル変数の複数の実行環境が許可されており、各環境には異なるグローバル オブジェクトがあります。
例: クライアント JS のそれぞれの独立したブラウザ ウィンドウ、または同じウィンドウの異なるフレーム。
その中のコードはすべて独自の実行環境で実行され、独自のグローバル オブジェクトを持ちます。
もちろん、式parent.frames[0].xを使用して最初のフレームのグローバル変数xを参照することもできます。これにより、異なるフレームのコードが接続されます。
しかし、ここにはセキュリティ上の問題があります。

概要;
主に「値渡しとアドレス渡し」と関数のスコープについて説明します。
初心者には少しわかりにくいです。それでも分からない場合は、Google で検索してください



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