#TIL (May 4th, 스무번째 이야기)

Jung Hyun Kim·2020년 5월 4일
0

다시 돌아온 자바스크립트 유목민 ㅠㅠ

https://www.youtube.com/watch?v=RaXN4qmW96Q

기발자의 한놈만 패는 Javascript -변수

1.변수(variables)


### 1.1 변수 이름 짓는 법 - 캐멀 케이스(camelCase) : 두단어가 사용되면 중간에사용되는 단어 첫 letter를 대문자로 표기 ```javascript var jojoIsAwesome ```
  • 스네이크 케이스(snakecase) : 단어 사이에 _ 로 표기
    var jojo_is_awesome

1.2 변수의 데이터 타입(String,Number,Boolean,Null,Undefined,Object, Array, Function)

  • String : ""혹은 ''사이에 있는 변수

    var str="Hello Jojo";
  • Number : 숫자 변수

    var num= 1;
  • Boolean : true or false

    var bool= true;
    var bool1= false;
  • Null : 의도적으로 변수값을 정의를 내리지 않은 것. 비워둔 상태, 초기화 시킬때 사용, 메모리 누수 방지용으로도 이용

    var nul= null;
  • Undefined : 변수 명만 있고, 어떠한 값도 입력하지 않은 상태

    var und;
  • Object : 객체라고 표현하고 중괄호 {}로 감싸줌, 안에는 key/value 값이 들어가며 사이는 , 기임

    var obj = {
      name : "jojo",
      age : 28
    };
  • Array : 배열이며 대괄호로 [ ] 로 감싸줌

    var ary = ["apple", "banana", "kiwi"];
  • Function : 함수를 담는 형태( 함수는 다음에 더 자세히 기록할 예정)

    var func = function(width,height) {
      var area=width*height;
      return area;};
    

1.3 원시타입/참조타입

  • 참조타입 : 바뀌는 타입, 데이터 값을 참조 (object, array,function)

        var arr =["apple","orange","kiwi"];
        var brr = arr; //brr이 arr을 참조함 
        brr[0] = "pear";// 이렇게 첫번째 배열값을 바꾸고 arr을 실행하면
    
        console.log(arr);
        ["pear","orange","kiwi"] // 이렇게 바뀌어서 입력된다.
  • 원시타입 : 바뀌지 않는 타입, 데이터 값을 복사 (Number,String,Undefined,Null)

    var num = 1
    var num2 = num;
    num2 = 10;
    
    console.log(num);
    console.log(num2);
    //log 하면 1, 10 이렇게 출력 됨 

1.4. Scope(스코프)

  • scope는 변수의 영향력을 의미함

  • 함수의 외부에서 선언된 모든 변수는 전역변수(Global variables), 함수 내에서 선언된 변수는 지역변수 (Local variables)

  • 함수 단위로 유효 범위를 측정함

    var globalVar= '전역 변수';
    
    function funScope () {
      var globalVar = '지역 변수';
      console.log(globalVar);
    }
    
    funcScope(); //이렇게 하면 지역변수가 
    console.log(globalVar); // 이렇게 하면 전역변수가 출력된다
profile
코린이 프론트엔드 개발자💻💛🤙🏼

0개의 댓글