객체사용 this - 객체지향 자바스크립트 03

우리는 이미 객체를 사용 하고 있었다

// 우리는 이미 객체라는 것을 사용하고 있었다.
// Math
console.log("Math.PI", Math.PI);
console.log("Math.random()", Math.random());        //method 객체.함수()  : 함수를 포함한 객체는 메소드라고 한다
console.log("Math.floor(3,9)", Math.floor(3,9));

var MyMath = {
    PI:Math.PI,
    random:function(){      // 객체안에 함수
        return Math.random();
    },
    floor:function(val){    // val : 입력된 그 값
        return Math.floor(val);
    }
}
console.log("MyMath.PI", MyMath.PI);
console.log("MyMath.random()", MyMath.random());
console.log("MyMath.floor(3.9)", MyMath.floor(3.9));


// 객체가 없이 사용한다면 아래 처럼 사용된다..
var MyMath_PI = Math.PI;
function MyMath_random(){
    return Math.random();
}
function MyMath_floor(val){
    return Math.floor(val);
}

 

this

var kim = {
    name:'kim',
    first:10,
    second:20,
    sum:function(){
        return this.first+this.second;
        // return kim.first+kim.second; 으로 사용해도 되지만 만약 kim을 변경한다면 함수의 kim 도 변경해야 하기 떄문에 this를 사용 하는 것이 좋다.
    }
}
// sum:function(f, s){ return f+s;  }
// console.log("kim.sum()", kim.sum());
// 이미 키안에 값들이 입력이 되어있는데 반복적으로 함수안에 값을 대입해줘야하는 번거로움이 있다
console.log("kim.sum()", kim.sum());