TIL 1 | Javascript let 첫 변수 만들기

자바스크립트로 첫 변수 만들기

<!DOCTYPE html>
<html>
  <head>
    <title>javascript</title>
    <link rel="stylesheet" href="style.css">
  </head>
<body>
  <h1>hello world</h1>
<script src="script.js"></script>
</body>
</html>

1. 자바스크립트 연결.

css를 연결 할때처럼 헤드태그 안에 링크 로 연결 해야 할거라고 생각했던것 과는 달리 바디 안에 바로

<script src="script.js"></script>

로 연결 할수 있다.
또한 자바스크립트 파일에 console.log() 나 alert() 를 이용하여 바르게 연결되었는지 확인할수 있다. alert()를 사용할 경우 새로고침을 누르자 마자 바로 알림창 으로 뜨니 빠르게 확인할수 있어 편리했다.

2. let 으로 변수 선언

variable

:변경되거나 변경될 수 있는것.

변수를 사용할때는?

let a=220;
let b=a-5;
a=3;
console.log(b,a)

Create 생성
: let 을 이용하여 변수 a 를 생성 하였다.
Initialize 초기화
: a = 220 이라는 값을 초기화 시켜 주었다.
Use 사용
: 변수 b를 구할때 a 를 사용하였다.

 a=3;

여기서 a 앞에 let을 쓰지 않은 이유는, a의 값이 221에서 4로 다시 선언 되는게 아니라 대체(update) 되는것 이기 때문에 let을 통해 변수를 다시 선언 하지 않은 것이다.

주의할점

let a=220;
let b=a-5;
console.log(b,a)

이렇게 입력 한다면 화면상에 215 220 이라고 뜰 것이다.
각각 b,a 이다.

let a=220;
let b=a-5;
a=3;
console.log(b,a)

이렇게 입력한다면?
215 3 이렇게 뜨게 된다.
처음 a 는 220 이었지만 그 후에 a 가 3으로 대체 되었기 때문이다.
이처럼 자바스크립트는 항상 변수가 대체 될수 있고 위에서 아래로 읽혀진다.

Author And Source

이 문제에 관하여(TIL 1 | Javascript let 첫 변수 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@mincode_/let-첫-변수-만들기

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다