Javascript 기본편2

김치성·2022년 3월 25일
0

학습내용

  1. Loop
  2. function
  3. object

1. Loop 사용

 <h1>Array + Loop</h1>
        <script>
            topics = ['html', 'css', 'js'];
            document.write('<li>'+topics[i]+'</li>');
            for(let i=0; i<topics.length; i=i+1){
            }
        </script>
document.write(`<li>${topics[i]}</li>`)

지난 시간에 이어 루프를 사용해서 for 문 안의 내용을 출력할때
위 2가지 방법으로 (백틱과 따음표) 구현할 수 있다.
백틱을 사용하는 방식이 가독성이 좋아 보이는 거 같으면서도 아직은 잘 모르겠음

2. function

반복되는 스크립트를 효과적으로 사용하는 방법

        <script>
            function sum(val1, val2){
                return val1+val2;
                alert(1);
                alert(2);
            }
            alert(sum(100,200)*10)
        </script>

스트립트안에 javascript로 function으로 함수 설정 가능
return으로 최종 반환할 값을 명시해준다.

3. object

javascript에서는 배열과 오브젝트가 남매? 같은 느낌이라 한다.
다음 수업때 자세하게 배워야 할 듯

후기

백틱을 사용하여 write 안의 구문을 표현하는게 인상적이였고
나머지 부분은 기존에 알고 있던 내용들이 많아 크게 어려움은 없었다.

profile
디지털백수

0개의 댓글