JavaScriptが来ています

1. JavaScriptとは何かを知っていますか?
    JavaScriptは、オブジェクト駆動型およびイベント駆動型のクライアント側スクリプト言語です。元々はHTMLフォーム入力の正確さを検証するために設計され、NetscapeのLiveScript言語に由来します。

2.JavaScriptの開発履歴を理解する

複雑な計算と
Webのインタラクティブな重要な部分
を、強力なプログラミング言語への単純な入力検証ツールに処理できる
単純で複雑

3.JavaScriptのコンポーネントを理解する
ここに写真の説明を挿入

4. HTMLでJavaScriptを
使用するスクリプトタグを使用して、JavaScriptスクリプトを頭または本文に埋め込むことができます。

今日は文法について話しましょう

// 1行のコメント
/ ** /複数行のコメント
ステートメントの終わりセミコロン省略した場合、パーサーは文の終わりを決定します。
良い習慣を身につけるのが一番です

ECMAScriptのすべて(変数、関数名、および演算子)は大文字と小文字が区別されます。

1.とは識別子
変数、関数、属性、または関数パラメーターの名前。
2.識別子の命名規則:
(1)、文字、数字、下線(_)またはドル記号($)で構成されます
(2)、数字で始めることはできません
(3)キーワード、予約語等は識別子として使用できません。

ECMAScript変数は、大まかに型付け
されています。
つまり、任意の種類のデータを格納するために使用できます。変数1つだけ保存された値のプレースホルダーそれでおしまい。

1.変数宣言では、var演算子、
構文:var変数名を使用する必要があります
。2。変数割り当て:
宣言と同時に割り当てる:var変数名=値、
最初の宣言、次に割り当て:変数名=値-
一度に複数の変数をコンマで区切って宣言します。次のように開きます。

var name_1;
name_1 = "ZhengQian";
var id,
	sex,
	age = 15,
name = "hurry";
console.log(age);  //在控制台中打印

var宣言を省略した変数はグローバル変数です
ただし、グローバル変数を定義するためにvarを省略しない方がよい

JavaScriptのデータ型
ここに写真の説明を挿入
あなたがそれを入力するかを知るにはどうすればよい
typeof
ここに写真の説明を挿入

console.log(typeof(name));  //在控制台中打印

未定義の型の値は1つだけです。特別な未定義
説明:つまり、定義はありません。
一般的に、変数を未定義の値に明示的に設定する必要はありません。

ヌル値はヌルオブジェクトポインタ
将来、定義された変数を使用してオブジェクトを保存する場合は、変更量を他の値ではなくnullに初期化することをお勧めします。

console.log(undefined==null);  //在控制台中打印true

説明:未定義の値はnull値から派生しているため、返される結果はtrueです。

1.マスター番号

NUmberは整数と浮動小数点数を表します
NaN:数値ではありません特別な値です
NaNも数です

console.log(typeof(18-"cbd"));//返回number
console.log(isNaN("16"));//返回false

NaNを含む操作(NaN / 10など)はすべてNaNを返します。
NaNはどの値とも等しくありません。NaN自体を含む

2. isNaN()
関数を
マスターします:それが「非数値」の戻り値であるかどうかを確認します:boolean
nは任意のタイプにすることができます。
受け入れられる値の場合、この関数は最初に数値に変換してみてください、次に、それが数値以外の値であるかどうかを確認します。

3.数値変換をマスターする
Number()
parseInt()
parseFloat()
ケースに注意してください
Number()は、任意のデータタイプに使用でき
ます。parseInt()およびparseFloat()は、文字列を数値に変換するために特に使用されます。
ただし、これらの文字列は数値で始まる必要があります

console.log(Number("323"));//323
console.log(Number("323fsfd"));// NaN
console.log(parseInt("323fsfd"));// 323
console.log(parseInt("were323fsfd"));// NaN
console.log(parseInt("0xf"));// 15
console.log(parseInt("0xf",16));// 15

変換できない場合はNaN

parseInt():最初の
非スペース文字が見つかるまで、文字列の前のスペースを無視します
説明:
1。parseInt():空の文字列を変換し、NaNを返します。
2. parseInt()関数は、2番目のパラメーターである変換中に使用されるベース番号
(つまり、ベースの数)を提供します。

parseFloat:無効な
浮動小数点文字が検出されるまで、最初の文字から各文字を解析します。
注:
最初の小数点を除いて、parseFloat()とparseInt()の2番目の
違いは、常に先行ゼロを無視することです。

console.log(parseInt("12.35px"));// 12
console.log(parseFloat("12.35px"));//12.35
console.log(parseFloat("12.35.43px"));//12.35
console.log(parseFloat("0.1235px"));//0.1235

文字列タイプは、0個以上の16ビットUnicode文字で構成される文字シーケンス、つまり文字列を表すために使用されます。文字列は、二重引用符( ")または一重引用符( ')で表すことができます。

構文:str.toString()
関数:strを文字列に変換します
戻り値:
strのコピーパラメーター:strは変換されるコンテンツであり、数値、ブール値、オブジェクト、および文字列にすることができます。
注:変換する値がnullか未定義かがわからない場合にも使用できますString()関数、それあらゆるタイプの値を文字列に変換する機能

var ids=78965;
var idstr=ids.toString();
console.log (typeof idstr);
var isStudent = true; //则此时isStudent为Boolean型
console.log(typeof isStudent);
console.log(isStudent.toString());//则此时转换为'true'字符串
//一定要注意函数方法的大小写toString

Boolean()
1、除0
「」以外のすべての数字はブール型に変換されます2、「」以外のすべての文字はブール型に変換されます
3。ヌル未定義booleanからfalseに変換する

スペースからブール値への変換は正しい

では、これらの変数タイプの重要性は何ですか?
一般的に言って、後者への道を開くと言われていますが、なぜですか?
実際、タイプ変換は、if(){}などのステートメントで判断できます。

js算術演算子

1.
とは何かを把握する特定の規則に従って算術記号によって同じタイプのデータ(定数、変数、関数など)に接続されている意味のある式は、式と呼ばれます。

2.javascript演算子の分類をマスターする

  • 算数操作符
  • 論理演算子
  • 引数演算子
  • 比較演算子
  • 三元演算子

3.マスター算術演算子

+:加算
-:減算
*:乗算
/:除算
%:残りを取得

1.インクリメント
++ aとa ++はどちらもaを増やす操作です。
違い:
++ aは最初にインクリメント後に
aの値を返しますa ++は最初にaの元の値を返し、次にインクリメント
2の後の値を返します。同じことデクリメントにも当てはまります。

var num1 = 10,
	num2 = "5";
	console.log(num1 - num2); //number NaN 隐式类型转换

var num1=10,
	num2=5,
	num3=num1++-num2;//++num1   num1=num1+1
console.log(num1) ;// 11  //11
console.log(num3) ;// 16   //5

割り当て演算子:

=   +=  -=  *=   /=  %=

注:任意の文字列+任意の値が連結されます。ここで、「+」記号は連結です。

><>=<======!=!==
==∶相等,只比较值是否相等
===:相等,比较值的同时比较数据类型是否相等
!=∶不相等,比较值是否不相等
!==∶不相等,比较值的同时比较数据类型是否不相等
返回值:boolean型

var x=10,
	y="10",
	m=15//z=x==y;//值是否相等
	z=x===y;//全等
	n=x!==y;
console.log(n);

三元演算子
構文:
条件?実行コード1:実行コード2
説明:条件が確立されている場合は
単純なifステートメントを置き換え
、条件が確立されている場合はコード1を実行し、そうでない場合はコード2を実行します。

論理演算子
&& ||!そしてかどうか

var num1=10,
	num2=20,
	num3=30,
	str="welcome" ,
	bool=true,
	n=null,
	m ;
console.log(numl<num2 && num2<num3);//true
console.log(num1<num2 && num2==num3);//条件都为true才返回true
console.log(numl<num2 && num2);//20
console.log(0 && num2);//0
console.log("" && num2);//""

&&(1つの条件が確立されていない限り、falseを返します)
説明:Inオペランドの1つはブール値ではありませんの場合、論理AND演算は必ずしも値を返すとは限りません。このとき、次の規則に従います
。1。第1オペランドの暗黙的な型変換が真の場合、第2オペランドが返されます。
2.第1オペランドの暗黙的な型変換が偽の場合、第1オペランドが返されます。

ⅡOR(1つの条件が確立されている限りtrueを返す)
説明:オペランドがブール値でない場合、論理OR演算は必ずしも値を返すとは限りません。このとき、次の規則に従います
。1。最初のオペランドが非表示の場合型変換がtrueになった後、最初のオペランドが返されます。
2.第1オペランドの暗黙的な型変換が偽の場合、第2オペランドが返されます。
3. 2つのオペランドがnullの場合は、nullを返します
。4。2つのオペランドがNaNの場合は、NaNを返します。5。2
つのオペランドが未定義の場合は、undefinedを返します。


説明
なし1。オペランドのデータタイプに関係なく、論理否定はブール値を返します
。2。!! 2つの論理否定演算子が同時に使用される場合:
最初の論理否定操作は、オペランドが何であるかに基づいてブールを返します。値
2番目の論理否定は、ブール値を否定します

console.log(!!"");//false
console.log(!!"blue");//true

次へ:
JavaScriptブランチステートメント!

おすすめ

転載: blog.csdn.net/qq_44682019/article/details/108892952