学習日:2021年05月31日
参考資料

インフラストラクチャ:堅牢なフロントエンドガイドキャンプ、フルスタックを提供

helloworld Javascript

関数(Function)

関数作成規則

fucntion name (item1){
    code
}

ex)

function FunCoding(name){
    return 'hi' + name;
}
console.log(FunCoding('dave'));

省略を返す

function FunCoding(name){
    console.log('hi' + name);
}
FunCoding('fun')

矢印関数

関数宣言を簡略化するために設計された構文.

矢印関数は匿名関数です.(関数名なし)

次のように使用できます.

let func = (함수인자) => expression

関数呼び出しコードが複数行の場合は、次のようにカッコを追加します.

let func = (함수인자) => { expression }

コードに複数行/関数パラメータがある場合:

let func = (name) => {
    console.log('Hi' + name);
}
func('Dave')

// 결과 : HiDave

関数パラメータがない場合

let func = () => {
   console.log('Hi');
}
func();

3つの関数生成ショートカット

functionキーワード省略

let f1 = function() {
    return 'hi';
}

let f1 = () => 'hi';

関数パラメータが1つしかない場合は、カッコ

を省略できます.

let f2 = function(age){
    return age * 2;
}

let f2 = age => age * 2;
console.log(f2(1));

の関数コードが1行である場合、カッコと返される

を省略することができる.

let f3 = function(item1,item2){
    return item1 * item2;
}

let f3 = (item1,item2) => item1 * item2;
console.log(f3(1));

プロパティとメソッドを空のオブジェクトに追加

const empty = {}; // 빈 객체 선언 

empty.name = 'dave'; 
empty.age = 10;
empty.get_data = () => { //함수
    return 1 + 2;
}

console.log(empty.name);
console.log(empty.age);
console.log(empty.get_data());

//결과 : dave 10 3

オブジェクト内のオブジェクトの作成

const user = {
    age: 20,
    name: 'dave',
    get_data: () => { //함수
        return 1 + 2;
    }
};
console.log(typeof user , user); // 결과 : object {age: 20, name:'dave', get_data:ƒ}
console.log(user.age); // 20
console.log(user.name) // dave
console.log(user.get_data()); // 3

const people = {
    age: 10,
    name: 'dave',
    details: { //객체 안에 객체 생성
        hobby: "coding",
        major: "korea",
        getDetails: (item) => {
            return item * 2;
        }
    }
}

console.log(people.age,people.name); // 10 'dave'
console.log(people.details.hobby, people.details.major, people.details.getDetails(2)); // 인자값
// coding korea 4