Js函数名称前面的加号

最近在看bootstrap源码的时候，发现bootstrap的js函数名称前面加了一个加号(+)。

+function ($) {}(jQuery);

其实这里的加号，也可以替换成其他的如叹号(!)、～等其他的一些一元操作符，这里主要是为了将函数变成立即执行函数，立即执行函数，在js中，主要的功能和目的是为了模拟块级作用域，还有另外的两种写法，如下：

(function () {})();

(function () {}());

比如上面的第一中写法，如果没有前面的加号（也可能是其他的一元操作符），js解析器会认为这是一个函数声明的开始，而最后面又加了一个小括号，从而会认为是语法错误。但是如果加上了前面的加号（或是其他的一元操作符），function就变成一个函数表达式了，表达式后面加了小括号，就开始执行了。也就成了立即执行函数。

 

这里有一个小知识点，就是在js中调用一个函数或者方法的时候，可以只调用函数的名称，而不加后面的小括号,js中小括号表示了方法的执行。

var p = {
    sayHello:function(){
        return "Hello";
    }
}
console.log(p.sayHello);

这段代码中，对于方法sayHello的调用，没有加小括号，则只是表示对p对象中sayHello属性的调用，最后的打印结果如下：

function (){
    return "Hello";
}

但是如果对方法sayHello的调用加上小括号，就表示属性sayHello值的后面也加上了小括号，其属性值本就是一个function函数表达式，加上小括号就执行了函数本身。

这个小知识点对于刚入门的前端同学来说有时候会有模糊的地方，平时也是容易出错的地方。

 

 

转载于:https://my.oschina.net/u/1028424/blog/994291