javascript : with 사용법

javascirpt에서는 with라는 문법을 이용해서 객체를 좀더 편리하게 접근할 수 있는 기능을 제공한다.

var student ={
    이름 : '홍정민',
    국어 : 92, 수학 : 98,
    영어 : 96, 과학 : 98
};

var output ='';

// with 키워드를 이용하면 객체를 사용하기 쉽다.
with(student){
    output += "이름" + 이름 +'\n';
    output += "수학" + 수학 +'\n';
    output += "영어" + 영어 +'\n';
    output += "과학" + 과학 +'\n';
}

console.log(output);

 

근데 만약 내부에 변수명이 중복될경우는 어떻게 처리해야 할까..

 

var student = {
    이름: '홍정민',
    국어: 92, 수학: 98,
    영어: 96, 과학: 98,
    output: ''
};

var output = '';

// with 키워드를 이용하면 객체를 사용하기 쉽다.
with (student) {
    window.output += "이름" + 이름 + '\n';
    window.output += "수학" + 수학 + '\n';
    window.output += "영어" + 영어 + '\n';
    window.output += "과학" + 과학 + '\n';
}

console.log(output);

전역변수를 처리해주면 된다.

 

window 객체는 웹 브라우저에서 동작하는 자바스크립트의 최상위 객체입니다. 사실 웹 브라우저에서 동작하는 자바스크립트의 모든 변수와 함수는  window 객체의 속성과 메서드입니다. alert() 함수도 window.alert() 메서드 형태로 사용할 수있습니다.