javascript四种调用方式——方法调用模式、函数调用模式、构造器调用模式和Apply或Call调用模式

来源:互联网 发布:旧制度与大革命 知乎 编辑:程序博客网 时间:2024/05/17 09:29
实例:
1.方法调用
<script type="text/javascript">
<!--
var myObject = {
value:0,
increment: function(inc){
this.value += typeof inc === 'number' ? inc : 1;
}
};
myObject.increment();
document.write(myObject.value + "<br />"); // result is 1

myObject.increment(2);
document.write(myObject.value + "<br />"); //result is 3
//-->
</script>

2.函数调用
<script type="text/javascript">
<!--

var myObject = {
value:0,
increment: function(inc){
this.value += typeof inc === 'number' ? inc : 1;
}
};

myObject.double = function(){
var that = this; //当以函数调用的时候this指向的是全局对象

function add(num1, num2){ return num1 + num2; };

var helper = function(){
that.value = add(that.value, that.value);
};

helper(); //以函数的形式调用 helper
}

myObject.double();
document.writeln(myObject.value);
//-->
</script>

3.构造器调用
<script type="text/javascript">
<!--
//创建一个名为Quo的构造器函数,它构造一个带有status属性的对象
var Quo = function(string){
this.status = string;
}

//给Quo所有实例提供一个名为get_status的公共方法
Quo.prototype.get_status = function(){
return this.status;
}

//构造一个Quo实例
var myQuo = new Quo("confused");

document.writeln(myQuo.get_status());
//-->
</script>

4.apply调用模式
<script type="text/javascript">
<!--
//创建一个名为Quo的构造器函数,它构造一个带有status属性的对象
var Quo = function(string){
this.status = string;
}

//给Quo所有实例提供一个名为get_status的公共方法
Quo.prototype.get_status = function(){
return this.status;
}

//构造一个包含status成员的对象
var statusObject = {
status:"A-OK"
}

var status = Quo.prototype.get_status.apply(statusObject);
document.writeln(status);
//-->
</script>
原创粉丝点击