JS -클로저 은닉

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        //클로저를 통해서 getter, setter
        function aaa() {
            var name = "홍길동";

            // return function (x) {
            //     name = x;
            //     return name;
            // }
            return {
                getName: function() {
                    return name;
                },
                setName: function(x) {
                    name = x;
                }
            }


        } //name의 스코프는 여기가 끝

        // var f = aaa()
        // var result = f("이순신")
        // console.log(result)

        var obj = aaa()
        console.log(obj);
        
        obj.setName("리순신"); //setter
        var name = obj.getName() //getter
        console.log(name);





    </script>

</body>
</html>

GETTER , SETTER

'JS > JS-basic' 카테고리의 다른 글

JS - JSON파서 (0)	2024.01.28
JS - 객체 (0)	2024.01.28
JS - 변수의 유효범위 , 클로저 (1)	2024.01.28
JS-함수,익명함수,즉시실행함수, (0)	2024.01.28
JS - 반복문 , 객체 담기 (1)	2024.01.28