<javascript> 3. prototype , getter&setter
by BFine<script>
function Dog(name,age) {
this.name=name;
this.age=age;
this.speak=function () {
console.log("멍멍");
}
}
var mala = new Dog("Mala", 9);
mala.speak();
var sibe = new Dog("Sibe", 3);
sibe.speak();
// 속성은 다르지만 fuction은 같음 메모리 낭비
function Dog2(name, age) {
this.name = name;
this.age = age;
}
Dog2.prototype.speak = function () {
console.log("멍멍");
}
var mala2 = new Dog2("Mala", 9);
mala2.speak();
var sibe2 = new Dog2("Sibe", 3);
sibe2.speak();
////getter setter
function Dog3() {
var name = name; // 외부 접근 불가
var age = age;
this.getName= function () {
return this.name; // this 붙여주어야함
}
this.setName = function (name) {
this.name = name;
}
}
var mal = new Dog3();
mal.setName("ma");
console.log(mal.getName());
mar.constructor // 생성자를 출력
</script>
콘솔화면
멍멍
HTMLPage1.html:13 멍멍
HTMLPage1.html:33 멍멍
HTMLPage1.html:33 멍멍
HTMLPage1.html:59 ma
'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글
<javascript> 5. event(2) (0) | 2018.03.28 |
---|---|
<javascript> 5. event (0) | 2018.03.27 |
<javascript> 4. document 객체 (0) | 2018.03.27 |
<javascript> 2. How to define Object (0) | 2018.03.26 |
<javascript> 1. for~in, with, in (0) | 2018.03.26 |
블로그의 정보
57개월 BackEnd
BFine