[JS]while/for

🌱 while

✏️while

조건문이 참일 때 실행되는 반복문. 문장안이 실행되기 전에 참, 거짓을 판단

let i = 0
    while(true){
      alert(`${i}번째 반복문입니다.`);
      i = i + 1;
    }

while 계속 증감하여 끊임 없이 반복함.

let i = 0
    while(confirm('계속 진행을 원하시면 확인을 누르세요.')){
      alert(`${i}번째 반복문입니다.`);
      i = i + 1;
    }

confirm 함수를 이용해 조건 부여
확인을 누를 경우 true 값 발생 실행문이 실행되고, 취소를 누를 경우 false 값이 발생해 실행문 실행 안됌

✏️do while

do 반복문은 최소 한번은 반복.

do {
  실행문;
} while (조건);

실행문이 한번은 실행이 되고, 조건이 false가 될 때까지 반복함.

🌱 for

✏️for

어떤 특정한 조건이 거짓으로 판별될 때까지 반복

for ([초기문]; [조건문]; [증감문]) {
  실행문
 }

1. 초기문이 존재하면 초기문이 실행. 보통 1, 반복문 카운터로 초기 설정. 변수로 선언 가능
2. 조건문은 조건을 검사. 만약 조건문이 참이라면, 반복문 실행 가능. 만약 조건문이 거짓이라면, for문은 종결
3. 실행문 실행. 실행문이 복수일 경우 { }로 문장을 묶음
4. 증감문이 존재하면 실행 후, 2번째 단계로 돌아감

✏️중첩 for문 삼각형 별찍기

for(let i =0; i <=10; i++) {
  for(let j = 0; j <= i ; j++) {
  	document.write('*');
  }
document.write('<br>')
}

바깥 for문은 위에서부터 아래로 10개 행 반복 의미. 각 행 줄바꿈 필요.
안쪽 for문은 1개 행에서 작성될 별의 개수 의미. 때문에 안쪽 for문의 조건은 바깥 for문의 길이만큼 실행시켜야하므로 j <= i 조건 부여.

🌱 함수

• 익명함수
• 선언적 함수
• 프로시저 함수
• 선언적 함수

✏️함수 정의

함수를 사용하려면 함수를 호출하려는 범위 내에서 함수를 정의해야함.

함수선언

function 함수이름(매개변수) {
  return 매개변수 * 매개변수;
}

• 함수의 이름
• 괄호 안 매개변수
  위 함수는 하나의 매개변수를 가집니다. 인수 (매개변수) 자체를 곱해 반환하는 문장으로 구성되어 있음.
  매개변수는 값으로 함수에 전달
• 중괄호 { } 안에 실행문
• return은 함수에 의해 반환된 값을 지정

함수 표현식

함수 표현식( function expression)에 의해 함수가 만들어 질 수 있음
익명이라고 함. 모든 함수가 이름을 가질 필요는 없다

var 변수이름 = function(매개변수) { return 매개변수 * 매개변수 };
var 변수이름2 = 변수이름(2) // x 의 값은 4

var 변수이름 = function 함수이름 (매개변수) { return 매개변수 * 매개변수 };
var 변수이름2 = 변수이름(2) // x 의 값은 4

하지만, 함수 표현식에서 함수의 이름을 지정 할 수 있음
함수내에서 참조하는데 사용되거나, 함수를 식별하는 데 사용될 수 있음

함수 호출

함수 정의와 함수 실행하는 것은 다르다.
함수를 정의하는 것은 함수의 이름을 지어주고, 함수가 호출될 때 무엇을 할지 지정 해주는 것 뿐.
함수를 실제로 사용하는 건 함수 호출로 함.

함수이름(값);

해당 함수이름인 함수에 값이 전달되어 실행된 함수값이 반환

함수는 호출될 때 범위 내에 있어야 함.
하지만 함수의 선언은 호이스팅 될 수 있음

console.log(함수이름(5));
/*  ...  */ 
function 함수이름(n) { return n * n }

범위는 함수가 선언된 곳, 전체 프로그램에서 최상위 레벨(전역)에 선언된 곳

함수 범위

함수 내에서 정의된 변수는 변수가 함수의 범위에서만 정의되어 있음, 함수 외부의 어느 곳에서든 액세스할 수 없다.
하지만 함수가 정의된 범위 내에서 정의된 모든 변수나 함수는 액세스할 수 있음
전역함수는 모든 전역 변수를 액세스할 수 있음
다른 함수 내에서 정의 된 함수는 부모 함수와 부모 함수가 액세스 할 수 있는 다른 변수에 정의된 모든 변수에 액세스 가능.

var num1 = 20,
    num2 = 3,
    name = "Chamahk";

// This function is defined in the global scope
function multiply() {
  return num1 * num2;
}

multiply(); // Returns 60

// A nested function example
function getScore () {
  var num1 = 2,
      num2 = 3;

  function add() {
    return name + " scored " + (num1 + num2);
  }

  return add();
}

getScore(); // Returns "Chamahk scored 5"

🍃 어려웠던 점 or 해결못한 것

함수 선언에 대한 범위가 어려웠다.

🍀 해결방법 작성

✏️ 어떻게 해결을 했는가?
✏️ 이렇게 이해를 했다
✏️ 어디까지 이해했지?
✏️ 다음에 시도해볼 방법
추가로 찾아서 정리해봐야겠다

🌷 학습 소감

많은 내용을 배워서 한번 더 정리해야겠다.