JavaScriptベース

🤔 JavaScript？

JavaScriptはオブジェクトベースのスクリプト言語です.
HTMLを使用してWebコンテンツを作成し、CSSを使用してWebを設計し、JavaScriptを使用してWeb動作を実現することができます.
JavaScriptは主にWebブラウザに使用されますが、Nodeです.jsのようなフレームワークは、サーバ側のプログラミングにも使用できます.

📘 基本タイプ

数値(number)

他の言語とは異なりjavascriptは整数とエラーを区別せず、すべての数字を実数として表すだけです.
また、非常に大きいまたは非常に小さい数を表す場合には、e記号を用いることができる.

var firstNum = 10;     // 소수점을 사용하지 않은 표현

var secondNum = 10.00; // 소수점을 사용한 표현

var thirdNum = 10e6;   // 10000000

var fourthNum = 10e-6; // 0.00001

文字列

JavaScriptでは、文字列は二重引用符("")または一重引用符("")で囲まれた文字のセットを意味します.

var sinS = 'single';

var doubleS = "double";

JavaScriptでは、数値と文字列を追加することもできます.
この場合、JavaScriptは自動的に数字を文字列に変換し、2つの文字列の演算を実行します.

var num = 10;

var str = "JavaScript";

document.getElementById("result").innerHTML = (num + str); // 10JavaScript

ロジック(boolean)

ブール値は真と偽を表します.

var firstNum = 10;

var secondNum = 11;

document.getElementById("result").innerHTML = (firstNum == secondNum); // false

タイプ演算子

type of演算子は、被演算子タイプを返す演算子です.

typeof 10;        // number 타입

typeof "문자열";  // string 타입

typeof true;      // boolean 타입

typeof undefined; // undefined 타입

typeof null;      // object 타입

nullとundefined

JavaScriptではnullはobjectタイプで、「値」がまだ確定していないことを示します.
未定義nullとは異なり、「タイプ」が定義されていないことを意味します.
したがって、JavaScriptから初期化されていない変数または存在しない値にアクセスすると、定義されていない値が返されます.

var num;          // 초기화하지 않았으므로 undefined 값을 반환함.

var str = null;   // object 타입의 null 값

typeof secondNum; // 정의되지 않은 변수에 접근하면 undefined 값을 반환함.

オブジェクト

JavaScriptの基本タイプはオブジェクト(Object)
オブジェクトは、複数のプロシージャまたはメソッドを同じ名前で組み合わせたセットです.

var dog = { name: "해피", age: 3 }; // 객체의 생성

// 객체의 프로퍼티 참조

document.getElementById("result").innerHTML =

    "강아지의 이름은 " + dog.name + "이고, 나이는 " + dog.age + "살 입니다.";

📕 変数の宣言

var

領域とグローバル変数を宣言するために使用できます.

var i;  // 선언, "undefined"가 저장됨

var sum = 0;  // 선언과 초기화

var i, sum; // 한 번에 여러 개의 변수를 함께 선언할 수 있음

var i=0, sum=10, message=”Hello”;  // 선언과 초기화를 동시에 해줄 수 있음

name = "javascript";  // 선언되지 않은 변수는 전역 변수가 됨

var文に変数の初期値が指定されていない場合、変数には値が設定されるまで定義されていない値があります.

let

ブロック、構文、または式でのみ有効です.

let i;  // 선언, "undefined"가 저장됨

let sum = 0;  // 선언과 초기화

let i, sum; // 한 번에 여러 개의 변수를 함께 선언할 수 있음

let i=0, sum=10, message=”Hello”;  // 선언과 초기화를 동시에 해줄 수 있음

const

ブロック範囲内で定数を宣言します.(letとブロックの有効範囲)
定数の値は再割り当ても再宣言もできません.
そのため、最初の発表では初期化が必要です.

const MY_NUM = 7;

📙 関数(function)

関数(function)は、特殊な目的のタスクを実行するための独立したブロックです.
これらの関数は、必要に応じてこれらのタスクを呼び出し、繰り返し実行できます.

function addNum(x, y) {

    return x + y;

}

document.write(addNum(2, 3));

1.関数の定義

JavaScriptでは、関数の定義はfunctionキーワードで開始されます.

関数の名前

関数のパラメータ(パラメータ)、カンマ(,)で区切られた

かっこ

括弧({})付きJavaScript実行文

// addNum라는 이름의 함수를 정의함.
function addNum(x, y) {    // x, y는 이 함수의 매개변수임.

    document.write(x + y);

}

addNum(2, 3);              // addNum() 함수에 인수로 2와 3을 전달하여 호출함.

2.戻り文

JavaScriptでは、関数に戻り文を含めることができます.
これらの戻り文により、呼び出し元は関数で実行された結果を受け取ることができます.
戻り文は、配列やオブジェクトを含むすべてのタイプの値を返します.

function multiNum(x, y) {

    return x * y;         // x와 y를 곱한 결과를 반환함.

}

var num = multiNum(3, 4); // multiNum() 함수가 호출된 후, 그 반환값이 변수 num에 저장됨.

document.write(num);

3.呼び出し関数

定義された関数は、実行するにはプログラム内で呼び出さなければなりません.
一般的な関数の呼び出しは、関数の定義子と同じ形式で呼び出すことができます.

function addNum(x, y) {

    return x + y;

}

var sum = addNum(3, 5); // 함수 addNum()을 호출하면서, 인수로 3과 5를 전달
                        // 함수의 호출이 끝난 뒤에는 그 반환값을 변수 sum에 대입