JavaScriptの基礎を学ぶ

1. JavaScriptを記述する場所

一般的に、インライン、埋め込み、外部の3つのタイプに分けられます。

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
    <メタ文字セット="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
    <title>ドキュメント</title>
    <!-- 2. 埋め込み js -->
    <スクリプト>
        アラート('ポップアップ')
    </スクリプト>
    <!-- 3. 外部 js -->
    <script src="outside.js"></script>
</head>
<本文>
    <!-- 1. 要素内に直接記述されたインライン js -->
    <input type="button" value="button" onclick="alert('私はボタンです')">
</本文>
</html>

2. JavaScriptでよく使われる入力文と出力文

1. ブラウザに警告ボックスが表示されます。

alert（msg）

2. ブラウザコンソールに次の情報が出力されます。

console.log(msg)

出力情報はF12のコンソールで確認できます。

3. ブラウザに入力ボックスが表示され、ユーザーは次の情報を入力できます。

prompt（info）

変数

1. 変数の使用:

1. 変数を宣言する 2. 値を割り当てる

プログラム実行時の等号の右側の値によって、js のデータ変数の型が確認されます。

         var a; //変数aを宣言する
         1 = 1;
         警告(a)

2. 入力値を読み取る (cin>>)

 <スクリプト>
        var a = prompt();
        // a=1;
        警告(a); 
    </スクリプト>

3. JavaScriptにおける数値の最大値と最小値、および無限大

Number.MAX_VALUE Number.MIN_VALUE

Infinity -Infinity

4. isNaNを使用して数値かどうかを判定する

isNaN(11)は数値でない場合はfalseを返し、数値でない場合はtrueを返す。

5.typeofは変数のデータ型を検出します

<スクリプト>
    var 数値 = 10;
    console.log(typeof num);//numのデータ型を検出します</script>

6. データ型変換

6.1 文字列への変換

//1.toString()
var 数値 = 1;
アラート(num.toString());
//2.String() 強制変換 var num = 1;
アラート(文字列(数値));
//3. プラス記号連結文字列 var num = 1;
アラート(数値+"文字列");

6.2 デジタルタイプに変換する

    <スクリプト>
        // 1.parseInt は整数を取得します var age = prompt("年齢を入力してください");
        コンソールログ(parseInt(age))
        // 2.parseFloat は浮動小数点数を取得します console.log(parseFloat(age));
        // 3. Number() 強制変換 console.log(Number(age));
        // 4. 算術演算の使用 - * /console.log('12'-0);
        console.log('12'-'10') // 出力はデジタル2
    </スクリプト>

6.3 ブール値に変換する

Boolean() 関数の使用

空または負の値を表す値は〝O 、 NaN 、 null 、 undefinedなどのfalseに変換されます。

その他の値はすべて true に変換されます。

オペレーター

演算子の優先順位

5. 機能

1. 関数の使用法: 最初に関数を宣言し、次に関数を呼び出す

関数 関数名(){
        //関数本体}

2. 関数パラメータ

形式パラメータと実パラメータに分かれている

3. 関数の戻り値

値を返すにはreturnを使用します

return の後のコードは実行されず、1つの値のみを返すことができます。

4.議論の使用

渡されるパラメータの数がわからない場合は、引数を使用してパラメータを取得できます。 JavaScript では、arguments は実際には現在の関数の組み込みオブジェクトです。すべての関数には、渡されたすべてのパラメータを格納する組み込みの引数オブジェクトがあります。

関数fn(){
    console.log(argument); //渡された引数をすべて保存します}
1,2,3 の整数部分。

ブラウザで

引数の表示形式は疑似配列ですが、配列の長さ属性を持ち、インデックス形式で保存されます。しかし、pop pushなどの配列メソッドは存在しません。

5. 関数を宣言する2つの方法

1. 関数の命名

 関数fn(){
    //関数本体}
    関数fn();

2. 匿名関数

var fun = 関数(){
    //関数本体}
楽しい（）;

Fun は関数名ではなく変数名ですが、関数式 (無名関数) でもパラメータを渡すことが可能です。

6. 範囲

1. JavaScript スコープ

一般的に、プログラムコード内で使用される名前は常に有効で使用可能であるとは限らず、名前の使用可能範囲を制限するコードの範囲が名前のスコープとなります。スコープを使用すると、プログラムロジックの局所性が向上し、プログラムの信頼性が高まり、名前の競合が減少します。

一般的にグローバルスコープとローカルスコープに分けられる

グローバルスコープはスクリプトタグ全体の範囲内であり、ローカルスコープは関数の範囲内である。

js にはブロックレベルのスコープがないこと、つまり、変数が if ステートメント内で宣言されている場合は、外部からも呼び出すことができることに注意してください。

（3>5）{
    var 数値 = 1;
}
console.log(数値);

ブラウザでエラーなくコンパイルできます。

2. 変数のスコープ

グローバル変数はスクリプトタグ内にもあります。関数内に宣言がない場合、直接割り当てられた変数もグローバル変数になります。

関数fn(){
    num2 = 10; // グローバル変数 var num1 = 1; // ローカル変数 }

グローバル変数は関数内でも使用できる

3. スコープチェーン

内部関数が外部関数の変数にアクセスできるというメカニズムに基づいて、チェーン検索を使用して、内部関数がアクセスできるデータを決定します。

近接の原則を採用します。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:

JavaScriptの基本的なインタラクションの詳細な説明
Javascriptの基本を詳しく説明
Javascript の基礎: 演算子とフロー制御の詳細な説明
JavaScriptの基本構文とデータ型の詳細な説明
組み込みオブジェクトに関するJavascriptの基礎
JavaScript 関数型プログラミングの基礎

<<: Linuxディレクトリ構造の詳細な紹介

>>: M1 チップに MySQL 8.0 データベースをインストールする方法 (画像とテキスト)

目次

1. JavaScriptを記述する場所

2. JavaScriptでよく使われる入力文と出力文

1. ブラウザに警告ボックスが表示されます。

2. ブラウザ コンソールに次の情報が出力されます。

3. ブラウザに入力ボックスが表示され、ユーザーは次の情報を入力できます。

変数

1. 変数の使用:

2. 入力値を読み取る (cin>>)

3. JavaScriptにおける数値の最大値と最小値、および無限大

4. isNaNを使用して数値かどうかを判定する

5.typeofは変数のデータ型を検出します

6. データ型変換

6.1 文字列への変換

6.2 デジタルタイプに変換する

6.3 ブール値に変換する

オペレーター

5. 機能

1. 関数の使用法: 最初に関数を宣言し、次に関数を呼び出す

2. 関数パラメータ

3. 関数の戻り値

4.議論の使用

5. 関数を宣言する2つの方法

1. 関数の命名

2. 匿名関数

6. 範囲

1. JavaScript スコープ

2. 変数のスコープ

3. スコープチェーン

要約する

推薦する

2. ブラウザコンソールに次の情報が出力されます。