코딩 스쿨에 오신것을 환영합니다~~

질의응답 게시판

 
[예제로 배우는 자바스크립트] 2장. 데이터 형과 연산자 _ 연습문제 2-7 사다리꼴의 넓이 구하기
공 * 지 | 2024-02-05

안녕하세요,
예제로 배우는 자바스크립트로 공부하고 있는 학생입니다.

2장 연습문제를 풀다가 궁금한 사항이 있어서 질문합니다.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script>
            let top = 10;   // top:윗변 길이
            let bottom = 14;    // bottom:밑변 길이
            let height = 4; // height:높이
            let tra;    // tra:사다리꼴의 넓이

            tra = (top + bottom) / 2 * height;
            document.write("- 사다리꼴의 넓이 : " + tra);
        </script>
    </body>
</html>

여기에서 윗변 길이 변수명을 top1 등으로 변경하면 데이터가 정상적으로 출력이 되는데
변수명을 top으로 설정할 경우,
SyntaxError: Can't create duplicate variable that shadows a global property: 'top'
이렇게 오류가 뜨면서 데이터가 출력이 안됩니다.

변수명은 top으로 설정이 불가능한 걸까요?

  • 관 * 자
  • 2024-02-05 (18:23)
네 그렇습니다. 
top이란 단어도 자바스크립트에서 변수명으로 사용하지 못하는 것 중의 하나입니다.
예를들어 다음과 같은 단어는 자바스크립트에서 사용못하는 단어(reserved words)입니다.


alert all anchor anchors
area assign blur button
checkbox clearInterval clearTimeout clientInformation
close closed confirm ....


다음의 URL(w3schools.com 사이트)에 가보시면 금지어에 대한 자세한 내용을 볼수 있습니다.

https://www.w3schools.com/js/js_reserved.asp