[Javascript学習]変数、タイプ、関数の基本概念

へんすう

let age;
let age = 12; // 오류: 같은 변수는 두 번 선언되지 않음

age = 12;
age = 13; // 같은 변수에 여러 번 할당 가능

let age = 12;

pi * 3 * 3 // 반지름이 3인 원의 넓이

let radius = 2.359813259347182; // 반지름을 변수로 사용
pi * radius * radius

let areaOfCircle = pi * radius * radius // 변수 안에 변수를 집어넣을 수도 있다

let sum = 1;
sum = sum + 2; // 변수 재사용 시 let을 붙이지 않는다: 선언은 한 번만
sum = sum + 3;
sum = sum + 4; // 결과: sum = 10

let myname; // myname은 undefined라는 값을 가진다!

変数の宣言者

var num = 1;
var num = 2;
 // 이런식으로 여러 번 선언을 해도 되는 특징 때문에 간단한 테스트용 변수 선언에 사용하는 것이 좋다.

var로 변수 선언 시 코드가 길어질 경우 같은 변수의 반복된 선언 때문에 오류가 생기고 어디서 오류가 생겼는지 찾기 힘든 경우가 생긴다

を選択します。

タイプ(元のタイプ)

let animal = [	// 배열
	'chipmunk',
	'squirrel',
	'meerkat'
];

let citysquirrel = {	// 객체
	name: '다람쥐',
	age: 29,
	isStudent: false
};

typeof 42 === "number" // typeof는 피연산자 앞에 위치한다.
typeof(42) === "number" // type 값은 큰따옴표(")로 감싸 표시된다.

n.関数

関数の基本フィーチャー

関数の使い方

function calculator(num1, num2){
  console.log(num1 + num2);
  return num1 * num2;
}

calculator(10, 20); // 콘솔창에 30을 출력, 200을 반환.

let result = cal(10, 20); // result 변수에 반환값인 200이 할당된다.

関数宣言に使用する要素。

//keyword >> function
//name >> helloWorld
//parameter >> ()
//body >> {}

function helloWorld() {
}

関数ベース

const base = 3;
const height = 4;
const triangleArea = (base * height) / 2;
console.log(triangleArea); // Output: 6

//하지만 이것으로는 밑변이 3이고 높이가 4인 삼각형만 구할 수 있다.
//이를 함수로 짜 만들어 다른 밑변과 높이를 가진 삼각형의 넓이를 구해본다.

関数とは?

function getTriangleArea(base, height) { // 입력값
  let triangleArea = (base * height) / 2;
  return triangleArea; // 출력값, return을 해주지 않은 경우 함수를 호출했을 때 undefined를 반환함
}

console.log(getTriangleArea(2,4)) // Prints 4

関数宣言メソッド

function getTriangleArea(base, height) {
  let triangleArea = (base * height) / 2;
  return triangleArea;
}

const getTriangleArea = function(base, height) {
  let triangleArea = (base * height) / 2;
  return triangleArea;
}
// 변수를 하나 선언해 주고 익명함수를 할당하는 방식

const getTriangleArea = (base, height) => {
  let triangleArea = (base * height) / 2;
  return triangleArea;
}
// 함수 표현식에서 변형해서 화살표로 간단하게 나타내는 방식

const getTriangleArea = (base, height) => (base * height) / 2; // 정상작동
cosnt getTriangleArea2 = (base, height) => { (base * height) / 2; } // 작동하지 않음

// bad
const getStudentAvg = arr => arr.filter(person => person.job === 'student').reduce((sum, person) => (sum + person.grade), 0)

// good 가독성 좋음!
const getStudentAvg = arr => {
	return arr
	.filter(person => person.job === 'student')
	.reduce((sum, person) => (sum + person.grade), 0)
}

関数呼び出し

function getTriangleArea(base, height) { // 매개 변수(parameter)
  let triangleArea = (base * height) / 2;
}

getTriangleArea(3, 4); // 전달 인자(argument)