JS - 변수

변수 - 숫자 또는 문자열과 같은 값의 컨테이너 

 

함수 -  function

변수 - let , const 뒤에 붙이는 것

변수를 선언한다. - const name; let age;

 

변수의 선언(decleare)  -   let age; const name;  (변수 이름만 입력하는 경우 undefined 가 뜸)

변수의 초기화  -  age = 25;  name = "sunwoo";

변수의 재지정 - age = 27; name = :juyeon";

 

자바스크립트에서 변수를 선언할 때

const - 변하지 않는 값

let - 변할 수 있는 값

 

1. 변수는 문자와 숫자,  $, _ 만 사용 가능

2. 첫 글자는 숫자가 될 수 없음

3. 예약어 사용할 수 없음

4.가급적 상수는 대문자로 

5.변수명은 읽기 쉬고 이해할 수 있게 선언

ex) let 1stGreate  = 'A+';  let a =1;    안댐

let useNumber = 3;      

 

변수는 예약어를 사용하면 안됨 

 

변수의 종류

-숫자 : 정수, 소수점 숫자 같은 십진수 숫자를 변수에 저장 가능 / 따옴표 사용 불가능   let age = 25;

-문자열 : 변수에 문자열 값을 대입할 때는 따옴표 꼭 사용해야함 const name = "hyunjae";

-Booleans : 참(true)이나 거짓(false)을 표현하는 데이터 유형 조건을 테스트 하는 데에 사용  let test = 6<3;

-배열 : 대괄호로 묶이고 쉼표로 구분 된 여러 값을 포함하는 단일 객체임  const myNumber = [10, 20, 30];

-객체 :  객체는 실제 사물을 모델링 하는 구조의 코드 const dog = {name: "Dalong", breed: "sichu" };   dog.name; =Dalong;

 

기본적인 연산 - 숫자와 연산자

typeOf - 데이터 타입을 확인하기 위한 키워

toFixed  -  숫자의 고정된 소수점 자리로 반올림

 

숫자 데이터 타입으로 변환하기

숫자 + 숫자 = 숫자

문자 + 숫자 = 문자  ex) let myNunber = "74"; myNumber + 3 = 743;   => myNumber =  Number()myNumber + 3; =77 

문자 + 문자 = 문자

 

+= 더하기 대입 -= 빼기 대입 *= 곱하기 대입 /= 나누기 대입

 

=== 일치연산자 !== 불일치 연산자 

 

자료형

문자형  string

 " "큰 따옴표가 보통 사용댐

' ' 작은 따옴표도 사용되는데 그 안에 아용 할 경우 \ 사용 'I\'m a boy.';

 ` ` 문자열 내부에 변수를 나타낼 때 사용  

ex) const message3 = `My nameis ${name}`;

console.log(message3) 하면 name 에 대입한 변수가 나타남

 

const massage4 = `나는 ${30+1}살 입니다`;

console.log(message4) => "나는 31살 입니다"

 

문자형 + 문자형 = 문자형

문자형 + 수치형 = 문자형

수치형 + 수치형 = 수치형

 

 

숫자형 수치 number

NaN Not a number 숫자가 아님

 

Boolean           null                               undefined

 

true/false        존재하지 않는 값        값이 할당되지 않았다

 

변수를 선언만 하고 할당하지 않으면 undefined

ex) let age;           선언

console.log(age)   실행 

 

변수에 null 을 할당 존재하지 않는 값으로 이해 

 

typeof null;  object  null은 객체가 아님 

 

${} 표현식

 

const name = "chris";

const greet = `Hello ${name}`;

 

const button = document.querySelector("button");

function greet() {
  const name = prompt("What is your name?");
  const greeting = document.querySelector("#greeting");
  greeting.textContent = `Hello ${name}, nice to see you!`;
}

button.addEventListener("click", greet);

 

<button>Press me</button>
<div id="greeting"></div>

 

 

-전역 변수(global) : 다른 모드 범위에서 볼 수 있는 변

-지역 변수(local) : 이름이 로컬  범위 내에서만 해당 값에 바인딩 되는 변

 

let  global = 5;  //전역 변수

 

fuction fun() {

let local = ;   //지역 변

}

this 자기 자신을 가르킴

 

\

 

const is Adult = confiem("당신은 성인 입니까?");

console.log(isAdult) 

 

alert 알려줌 -  일방적으로 알리는 용 비밀번호 틀릴때 알림 확인 만 잇음

prompt 입력 받음  - 어떠한 입력값을 받을떄 사용 => 입력하고 확인 하면 alert 뜸 취소를누르면 null

디폴트 값 입력 가능  const name = prompt("입력", "2020-5"); 두 개의 인수를 가짐 1번쨰는 제목 두 번째는 디폴트 값

confirm 확인 받음 - alert 랑 다른 점은 확인과 취소버튼이 있는 점 

 

단점

1. 스크립트 일시 정지

2.스타일링X