js函数使用的几种方式

快乐打工仔 分类:实例代码

本章节分享一下,JavaScript中函数使用的几种方式。

一.API模式:

(1).作为回调函数:

作为回调函数,其实就是将函数作为另一个函数的参数。

代码实例如下:

function writeCode(callback){
  //执行一些事务
  callback();
}
function introduceBugs(){
  //引入漏洞
}
writeCode(introduceBugs);

我们可以将一个通用的函数作为回调函数重复使用,把业务逻辑和通用函数分别开来,这样就实现了解耦的目的。

(2).作为另一个函数的返回值:

函数的返回值,不仅仅可以是一个字符串、数字,或者对象直接量等等,还可以是一个函数。

这也是闭包的实现方式,可以使用这个闭包存储一些私有数据,而这些数据仅可被该返回函数访问,但外部代码无法访问。

代码实例如下:

var setup = function(){
  var count = 0;
  return function(){
    return (count += 1);
  };
};
var next = setup();
console.log(next());
console.log(next());
console.log(next());

(3).对象作为函数的参数:

function antzone(webName, age, address) {
  //code
}

看上面的函数,我们为其传递了若干参数,但是这些参数也许还会增加,如果为其传递一个配置对象,会更加方便。

var config = {
  webName:"前端教程网",
  age:4,
  address:"青岛市南区"
}
function antzone(config) {
  //code
}

二.初始化模式:

可以帮助你在不污染全局命名空间的情况下,使用临时变量以一种更加简洁,结构化的方式执行初始化。

最常见的形式就是匿名自执行函数,代码实例如下:

(function () {
  var webName = "前端教程网";
  console.log(webName);
})()

js函数使用的几种方式,这样的场景在实际项目中还是用的比较多的,关于js函数使用的几种方式就介绍到这了。

js函数使用的几种方式属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容