使用javascript自我调用匿名函数

时间:2016-11-16 02:48:32

标签: javascript anonymous-function self-invoking-function

请参阅以下代码块。哪一个是最好的选择?基本上他们都在做同样的事情

示例1

var otherVars1
var otherVars2
var otherVars3
var valid; // create a boolean variable
// some precondition to set valid to true or false
.... 

if (valid || someRegex.test(value)) {
  ...
}

示例2

var otherVars1
var otherVars2
var otherVars3

// create a function that return a boolean
function isValid() {
  ...
  return Boolean
}

if (isValid() || someRegex.test(value)) {
 ...
}

示例3

var otherVars1
var otherVars2
var otherVars3

// use self-invoke anonymous function directly
if ((function() {
...
return Boolean })() || someRgex.test(value)) {
  ...
}

比较这三个例子,我更喜欢使用自调用匿名函数(例3),原因如下

  • 不需要创建不必要的变量并分配内存(ex1:valid,ex2:isValid)

  • 保持代码清洁,逐件或模块,以便于管理和整理

  • 自包含,以便自我调用匿名函数之外的变量不会受到污染

如果我在上述任何一点上错了,请纠正我并告诉我你的偏好和原因是什么?

1 个答案:

答案 0 :(得分:1)

我会说你可以使用immediate invocation of function expressions,但你可以避免在if内使用它们,你可以使用如下。

这将避免不必要的global scope变量声明,函数等。

(function() {
  var otherVars1
  var otherVars2
  var otherVars3
  var valid; // create a boolean variable
  // some precondition to set valid to true or false
  .... 

  if (valid || someRegex.test(value)) {
    ...
  }

})();