- 메서드 호출패턴
- 함수 호출패턴
- 생성자 호출패턴
- apply 호출패턴
메서드 호출 패턴
여기서 메서드는 함수가 객체의 속성(멤버함수)로 저장되어 있는 경우에 이 함수를 메서드라고 부르고 메서드를 호출할때 this는 객체에 바인딩 됩니다.
JavaScript
var test = {
x: 100,
showX: function() {
alert(this.x);
}
}
test.showX(); // 100
var test = {
x: 100,
showX: function() {
alert(this.x);
}
}
test.showX(); // 100
var x = 100;
var test = function() {
alert(this.x);
}
test(); // 100
var x = 1;
var test = {
x: 100,
showX: function() {
alert(this.x);
},
whatisX: function() {
var show = function() {
alert(this.x);
}
show();
}
}
test.whatisX(); // 1
var Test = function(x) {
this.temp = x
}
Test.prototype.getTemp = function() {
alert(this.temp);
}
var t = new Test(100);
t.getTemp(); // 100
var x = 1; var test = { x: 100, showX: function() { console.log(this.x); } }
var test2
= { x: 200, showX: function() {
console.log
(this.x); } }
test.showX.apply(null); // 1
test.showX.apply(test2);
// 200
javascritp 상속 (0) | 2016.12.21 |
---|---|
javascript 객체 리터럴 생성과 new 연산자를 이용한 객체생성의 차이점 (0) | 2016.12.21 |
[JavaScript] 브라우저 크기 구하기 : 화면 해상도 구하기 (0) | 2016.09.12 |
How to get selected tab index when clicking - jqueryUI - tabs (0) | 2016.08.22 |
jQuery: data() 이해와 활용 (0) | 2016.07.13 |