ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Javascript 중괄호({}, Braces)
    Search: Html Css JavaScript Html Css JavaScript 2022. 11. 25. 23:51

     

    Javascript 중괄호({}, Braces)

     

    객체의 멤버변수들에 대한 정의다. 익명 구조체 선언과 유사하나 좀더 자유로운 편이다.
    다른 설명으로는 '객체의 요소를 정의하거나 선택한다'.

     

    <script>
    	let t1 = { 123: 345, a1: "aa", a22: "bb" };
    	document.write("t1[a1]: " + t1["a1"] + " t1[123]: " + t1[123] + " t1.a22: " + t1.a22, "<br>");
    
    	function Fp1({ a, b = "bb", c = "cc" }) {
    		document.write("a:" + a + " b:" + b + " c:" + c, "<br>");
    	}
    
    	Fp1({ a: 1, c: 3 });
    
    
    	class Ca {
    		mV1 = 11;
    		mV2 = "V2"
    	}
    
    	let ca = new Ca();
    	let {mV2:localv2, mV1} = ca;
    	document.write("ca.mv1: " + mV1 + " ca.mv2: " + localv2, "<br>");
    </script>

     

     

    단점. 언어 통일성이 문제.
    typescript 변수 선언에서 { a1:123 }은 python등의 타 언어에서 key:value변수type정의 규칙과 유사하고,
    return값 받아오는 곳에서는 멤버 변수 선택과 그 변수명 재정의에 의미가 된다.

     

    'Html Css JavaScript' 카테고리의 다른 글

    async await Ex1  (0) 2022.12.24
    Promise Ex1  (0) 2022.12.24
    async await 개요  (0) 2022.12.24
    Html Label  (0) 2022.12.01
    Javascript Map Ex  (0) 2022.11.25
    Javascript CreateElement Ex  (0) 2022.11.25
    Javascript charAt  (0) 2022.11.25
    Javascript Eval  (0) 2022.11.25

    댓글