//객체 생성 기본 방법 1 var student = {}; student.grade = 3; student.classNo = 11; student.info = function(){console.log('grade : ' + this.grade + 'class : ' + this.classNo);}; //객체 생성 기본 방법 2 (key-value 형식으로 할 때에는 세미 콜론(;)을 붙이지 않아도 된다.) var student = { 'grade' : 3, 'classNo' : 11, 'info' : function(){console.log('grade : ' + this.grade + 'class : ' + this.classNo);} }; //this를 명시하면 해당 객체 내부의 변수를 가리킨다. (= 객체 자기 자신이 가지고 있는 것을 가리키는 것)
//알림 출력 function Student(){} var s = new Student();//객체 생성 s.grade = 3; s.classNo = 11; s.info = function(){console.log('grade : ' + this.grade + 'class : ' + this.classNo);
함수 호출 시 new를 붙이면 새로운 객체를 만든 후에 이를 리턴한다.
하지만 위의 방법대로 하면 객체를 만들때마다 각 요소들을 새로 선언해야 되기 때문에 같은 기능들을 사용하는 객체를 만들때에는 효율적이지 않다. 그렇기 때문에 this를 사용해서 좀 더 효율적으로 바꾼다.
function Student(grade, classNo){ this.name = name; this.classNo = classNo; this.info = function(){console.log('grade : ' + this.grade + 'class : ' + this.classNo); }
//알림 출력 alert('알림'); //콘솔 출력 console.log('콘솔'); //값 입력받기 var temp = prompt('아무 값이나 입력해주세요!'); //객체의 구조 보기 (key랑 value 등등) console.dir(객체명); //콘솔 출력의 그룹화 console.group('console group test'); ...
수의 연산 //제곱 Math.pow(3,2); //출력 : 9, 3의 2승 //반올림 Math.round(10.6); //출력 : 11, 10.6을 반올림 //올림 Math.ceil(10.2); //출력 : 11, 10.2를 올림 //내림 Math.floor(10.6); //출력 : 10, 10.6을 내림 ...
변수 선언 //선언 후 초기화 var temp; temp="아무 값"; //선언과 동시에 초기화 var temp="아무 값"; 변수에 값 입력받기 var name=prompt('당신의 이름은 무엇인가요?');//test 입력 alert(name); //출력 : test 자료형 확인 console.log(typeof [변수명 또는 숫자...
객체 지향 프로그래밍
객체 지향 - 전역 객체
새 버전의 콘텐츠를 사용할 수 있습니다.