[第2週目]JavaScriptベース-変数とデータ型のタイプ、関数の定義と呼び出し
20322 ワード
🚀 What I Will Learn
1.変数を宣言する方法と違いを説明できます。
🍋なぜ変数が必要なのか
変数は、コードの回収性と読み取り性を向上させ、冗長性を排除することでメンテナンスを簡素化します.
🍋変数宣言メソッド
変数は、変数名にletまたはconstを付けることができます.
let age = 28;
const BIRTH_DAY = '1995-06-08';
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! 😊')
}
(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 (1+1 === 2) { // true
console.log('1더하기 1은 2입니다.')
}
if(age > 19) {
// 조건이 true일 경우에만 실행됩니다.
console.log('환영합니다');
} else {
// 조건이 false일 경우에 실행됩니다.
console.log('돌아가세요');
}
Reference
この問題について([第2週目]JavaScriptベース-変数とデータ型のタイプ、関数の定義と呼び出し), 我々は、より多くの情報をここで見つけました https://velog.io/@remon/2주차-JavaScript-기초-변수와-데이터-타입의-종류-함수의-정의와-호출テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol