javascript 函数定义方式总结 函数的调用方式总结
程序员文章站
2022-03-17 13:00:56
...
函数的定义方式总结
- 方式一:函数声明方式 function 关键字 (命名函数);
function fn(){}
- 方式二:函数表达式 (匿名函数);
var fn = function(){}
- 方式三:new Function(‘参数1’,‘参数2’,‘函数体’),参数和函数体一定要使用字符串包裹 ;
在开发过程中我们使用前两种方式比较多,方式三书写繁琐,指向效率较低,使用频率较少;
函数也是属于对象;
var f = new Function('a', 'b', 'console.log(a + b)');
f(1, 2);
var fn = new Function('参数1','参数2'..., '函数体')
注意
/*Function 里面参数都必须是字符串格式
第三种方式执行效率低,也不方便书写,因此较少使用
所有函数都是 Function 的实例(对象)
函数也属于对象
*/
函数的调用方式总结
- 普通函数的调用
//普通函数的调用
function fn() {
console.log(' 普通函数的调用');
}
fn();
- 对象中的函数调用
//对象的方法
var o = {
sayHi: function() {
console.log('对象中的函数调用');
}
}
o.sayHi();
- 构造函数的调用
//构造函数
function Star() {};
new Star();
- DOM元素绑定事件调用函数
//绑定事件函数
btn.onclick = function() {}; // 点击了按钮就可以调用这个函数
- 定时器中调用函数
//定时器函数
setInterval(function() {}, 1000); //这个函数是定时器自动1秒钟调用一次
- 立即执行函数
//立即执行函数(自调用函数)
(function() {
console.log('立即执行函数(自调用函数)');
})();
上一篇: jquery自定义动画
下一篇: 小程序开发之表单验证实例教程