[第2週目]JavaScriptベース-変数とデータ型のタイプ、関数の定義と呼び出し


🚀 What I Will Learn

  • が変数を宣言する方法との違いを説明することができる.
  • 以上のJavaScriptデータ型のタイプと使用方法を熟知しています.
  • 関数を定義することができ、定義と呼び出しの違いを理解することができる.
  • 条件文は、
  • booleanタイプとともに使用できます.
  • 1.変数を宣言する方法と違いを説明できます。


    🍋なぜ変数が必要なのか


    変数は、コードの回収性と読み取り性を向上させ、冗長性を排除することでメンテナンスを簡素化します.

    🍋変数宣言メソッド


    変数は、変数名にletまたはconstを付けることができます.
  • letは、可変値を宣言するために使用されます.
    let age = 28;
  • constは絶対不変の定数である.変更しない値を宣言するために使用します.
    const BIRTH_DAY = '1995-06-08';
  • varは、以前のバージョンで使用されていた宣言方法です.ES 6は以前にいくつかの問題があったが、最近は使用されていない.
  • 2.各種JavaScriptデータ型の種類と使用方法を熟知している。


    🍋文字列(String)

    const name1 = "Lemon"
    const name2 = 'Lemon**'
    const name3 = `Lemon`
    「」(一重引用符)/「」(二重引用符)に違いはありません.ただし、小引用符を使用する必要がある場合は、大引用符を使用することをお勧めします.
    const helloMessage = "Hello! I'm Lemon";
    単一引用符のみを使用する場合は、「(単一引用符)の前に特殊文字として認識されるように、反スラッシュを付けます.
    const helloMessage = 'Hello! I\'m Lemon';
    変数を使用する文字列に`(backtic)を使用します.(backtic)で変数を使用する場合は、変数名を${}に入れるだけです.
    const name = "Lemon";
    const message3 = `My name is${name}`;
    console.log(message3) // "My name is Lemon"
    式も使用できます.
    JavaScriptでは、式は値を返す式またはコードです.
    const message4 = `나는 ${20+8}살 입니다.`;
    console.log(message4) // "나는 28살 입니다."
    一般引用符に変数を挿入しないと${}に出力されます.
    const name = "Lemon";
    const message = 'My name is ${name}';
    console.log(message); // "My name is ${name}"
    2文字列  +  演算子としてマージできます.
    console.log("Hello, " + "World") // Hello, World

    🍋数値(Number)

    const age = 28;
    const PI = 3.14;
    四則演算が可能です.
    console.log(1 + 2); // 더하기
    console.log(2 - 1); // 뻬기 
    console.log(3 * 2); // * 곱하기
    console.log(4 / 2); // / 나누기
    console.log(5 % 2); // % 나머지 값
    0で割ると無限大になります.
    const x = 1/0; 
    console.log(x); // Infinity
    「非数値タイプで退職」(Not a Number)が表示されます.
    const name = "Lemon"
    console.log(name/2) // NaN(Not a Number)

    🍋Boolean(true & false)


    真偽を表す.
    console.log("code kim" === "CODE KIM") // false 
    上記の例はfalseです.JavaScriptは大文字と小文字を区別するためです.
    const name = "Lemon";
    const age = 28;
    
    console.log(name === "Lemon"); // true
    console.log(age > 30); // false

    🍋义齿

    undefinedは、宣言されたが、まだ値が割り当てられていないことを示します.nullは、ユーザが提供する値である「空の値」(blank)を表す.
    let age; // 할당된 값이 없다.
    console.log(age); //undefined
    
    let user = null; // 존재하지않는다
    console.log(user); // null
    だから.  undefinedと異なり、JavaScriptはnullの値を自動的に与えることができません.null課  undefinedは差が少ないようですが、両者は厳密に違います.
    let name;            // undefined
    let name = null;     // null
    
    console.log(null == undefined);   // true
    console.log(null === undefined);  // false

    🍋タイプ演算子


    変数のデータ型を理解できます.
    他の開発者が作成した変数のタイプを理解する必要がある場合や、API通信で受信したデータをタイプに応じて異なる方法で処理する必要がある場合は、通常、これらの変数が使用されます.
    const name = "Lemon";
    
    console.log(typeof 3); // number
    console.log(typeof name); // string
    console.log(typeof true); // boolean
    console.log(typeof "Good"); // string
    console.log(typeof null); // object
    console.log(typeof undefined); // undefined
    nullのtype objectが現れた.nullは、「値なし」(blank)の「割り当てられた」値を指す.

    3.関数を定義できます。定義と呼び出しの違いを理解できます。


    🍋宣言(定義)

    function sayHello() {
    	console.log('Hello! code Kim! 😊')
    }
  • 関数の宣言を求められます.
  • sayHello関数の名前を付けます.
  • 関数名の後、()カッコでパラメータ(input)を受け入れるかどうかを指定します.ないかもしれないし、一つかもしれないし、二つ以上かもしれない.複数ある場合は、(カンマ)で区切ります.
    (inputはパラメータ(parameter)またはパラメータとも呼ばれる)
  • カッコ内で実行する関数式を
  • {}に入れます.
  • 変数を関数に宣言して割り当てることもできます.
    function sayHello() {
    	let friend = "code kim" // 변수 선언
    	console.log('Hello! ' + friend) // 변수 할당
    }

    🍋起動(呼び出し)


    関数を定義したら、呼び出す必要があります.
    関数名の後に()を付けることで呼び出すことができます.
    🌟関数のみを定義して呼び出さないと、何も起こりません.
    sayHello();

    🍋input(パラメータ=パラメータ=パラメータ=パラメータ=パラメータ)の使用

    sayHello('주영');
    パラメータが必要な場合は、呼び出し時にカッコ内に値を置くことができます.

    🍋なぜ関数が必要なのか


    サービスを作成すると、同じ動作または類似の動作が発生します.たとえば、ポップアップメニューや支払いが表示されます.この場合、重複コードを低減し、メンテナンスを容易にするために、それらを組み合わせたほうがよい.関数を使用して、これを可能にします.
    たとえば、エラーメッセージを表示する関数を作成した場合、
    function showError(){
    	alert('에러가 발생했습니다. 다시 시도해주세요.')
    }
    
    showError();
    100箇所に表示されると仮定するとshowError()を呼び出すだけでよく、企画者がメッセージの内容の変更を要求すると、関数の1行を変更するだけでメンテナンスが容易になる.

    4.booleanタイプとともに条件文を使用できます。


    🍋条件文が必要な理由


    条件文は、プログラムがいくつかの条件に従って「真」または「偽」の場合に異なる動作をとるために使用されます.

    🍋if ... else

  • if(条件)が真か偽かを知るには、比較する必要があるので、比較演算子を使用します.
  • ブールタイプはtrueとfalseを表します.比較後、trueまたはfalseに変換して判断します.
  • if (1+1 === 2) { // true 
    	console.log('1더하기 1은 2입니다.')
    }
    if(age > 19) {
    	// 조건이 true일 경우에만 실행됩니다. 
    	console.log('환영합니다');
    } else {
    	// 조건이 false일 경우에 실행됩니다.
    	console.log('돌아가세요');
    }