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>
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>
- javascript四种调用方式——方法调用模式、函数调用模式、构造器调用模式和Apply或Call调用模式
- js中的4种函数调用模式:函数调用、方法调用、构造器调用、间接调用
- Javascript函数调用的四种模式
- javascript的四种函数调用模式
- JavaScript函数的四种调用模式
- Javascript的四种(函数)调用模式
- JavaScript 函数四种调用模式
- 函数四种调用模式
- JavaScript四种调用模式和this
- 四种调用模式之函数调用模式
- JavaScript中的函数调用模式
- JavaScript调用模式(this的取值)以及,call(),apply()函数浅析
- javascript 调用模式
- js中call和apply(函数的上下文调用模式)详解
- js中call和apply(函数的上下文调用模式)详解
- js函数调用的四种模式
- 函数的四种调用模式
- 函数的四种调用模式
- QT知识集锦
- NV Fermi游戏架构全解析
- 浅谈C++中内存分配、函数调用和返回值问题
- KMP字符串匹配算法
- 收集的Blog排版样式
- javascript四种调用方式——方法调用模式、函数调用模式、构造器调用模式和Apply或Call调用模式
- 修改程序BUG也可以用些修机器的思维
- scratch寄存器作用说明
- JAVA split 用法
- [TYVJ-1010] 水题
- NVIDIA Physx 所有演示程序官方下载地址
- fscanf()函数详解
- Qt中foreach的用法
- 你是否适合从标准键盘布局转向德沃夏克布局?