티스토리 뷰
JavaScript
자바스크립트 객체
정 의
☞ 객체 역시 var 타입에 담긴다
1 2 3 4 5 6 7 | var jang = { "name" : 'jang', "age" : 27, "kor" : 30, "math" : 20, "eng" : 80 }; | cs |
☞ 이런식으로 객체를 껍데기만 만들고 추가도 가능함
1 2 3 4 5 6 | var kim = {}; kim.name = 'kim'; kim.age = 20; kim.kor = 20; kim.math = 100; kim.eng = 60; | cs |
☞ 함수를 만들고 안에 객체 생성을 정의해서 만들 수 있다. 매개변수가 각 키들의 값으로 들어감
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function makeStudent(name, age, kor, math, eng) { var stu = { "name" : name, "age" : age, "kor" : kor, "math" : math, "eng" : eng, "getAverage" : function() { return (kor + math + eng) / 3; } }; return stu; } var jang = makeStudent('jang', 27, 30, 20, 80); | cs |
☞ 생성자 함수 this 키워드로 속성을 추가하고 new 연산자로 함수를 호출
1 2 3 4 5 6 7 8 9 10 11 12 | //생성자 함수 //함수에서 this키워드를 이용해 속성을 추가하고 new연산자를 통해 함수를 호출하면 this키워드에 추가한 속성들로 이뤄진 객체가 만들어짐 function Student(name,age,kor,math,eng){ this.name = name; this.age = age; this.kor = kor; this.math = math; this.eng = eng; this.getAverage = function(){ return (kor + math + eng) / 3; } } | cs |
'Programming > JavaScript' 카테고리의 다른 글
[JavaScript] JQuery로 주민등록번호 남/녀, 성인/미성년 구분 (1) | 2016.07.14 |
---|---|
[JavaScript] 자바스크립트 내부함수 / 콜백함수 / 클로저 (0) | 2016.07.11 |
[JavaScript] 자바스크립트 반복문 / 조건문 / 함수 (0) | 2016.07.08 |
[JavaScript] 자바스크립트 변수 / 배열 / 객체 (1) | 2016.07.08 |
댓글