总结js的几种定义和调用方式
2017-02-15 00:00
369 查看
http://www.cnblogs.com/zourong/p/3897848.html
JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式
1.方法调用模式:
先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject
对象。
var blogInfo={
blogId:123,
blogName:"werwr",
showBlog:function(){alert(this.blogId);}
};
blogInfo.showBlog();
2.函数调用模式
定义一个函数,设置一个变量名保存函数,this绑定到window对象。
var myfunc = function(a,b){
return a+b;
}
alert(myfunc(3,4));
3.构造器调用模式
定义一个函数对象,在对象中定义属性,在其原型对象中定义方法。实例化该对象,并调用其方法。
var myfunc = function(a){
this.a = a;
};
myfunc.prototype = {
show:function(){alert(this.a);}
}
var newfunc = new myfunc("123123123");
newfunc.show();
4.apply,call调用模式
var myobject={};
var sum = function(a,b){
return a+b;
};
var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]);
alert(sum2);
JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式
1.方法调用模式:
先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject
对象。
var blogInfo={
blogId:123,
blogName:"werwr",
showBlog:function(){alert(this.blogId);}
};
blogInfo.showBlog();
2.函数调用模式
定义一个函数,设置一个变量名保存函数,this绑定到window对象。
var myfunc = function(a,b){
return a+b;
}
alert(myfunc(3,4));
3.构造器调用模式
定义一个函数对象,在对象中定义属性,在其原型对象中定义方法。实例化该对象,并调用其方法。
var myfunc = function(a){
this.a = a;
};
myfunc.prototype = {
show:function(){alert(this.a);}
}
var newfunc = new myfunc("123123123");
newfunc.show();
4.apply,call调用模式
var myobject={};
var sum = function(a,b){
return a+b;
};
var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]);
alert(sum2);
相关文章推荐
- JS函数的几种定义方式
- js事件定义方式和获取事件对象event总结
- 自己动手封装js工具类(JS中定义类的几种方式)
- JS中实现继承的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- 自己动手封装js工具类(JS中定义类的几种方式:混合的构造函数/原型方式,动态原型等)
- js关闭当前页面(窗口)的几种方式总结
- js关闭当前页面(窗口)的几种方式总结
- js中定义对象的几种方式
- JS函数的几种定义方式分析
- js关闭当前页面(窗口)的几种方式总结
- JavaScript学习12 JS中定义对象的几种方式
- js关闭当前页面(窗口)的几种方式总结
- 对js对象定义几种方式的理解
- js中常见的几种调用ajax的方式
- js关闭当前页面(窗口)的几种方式总结
- 【转载】js关闭当前页面(窗口)的几种方式总结
- C/C++函数调用的几种方式总结
- Js 类定义的几种方式
- JavaScript JS中定义对象的几种方式