underscore.js 分析 第一天

Underscore 是一个非常实用的Javascript类库。

通过研究他能提高自身的JS水平。

我们看到整个代码被 (function() { /*  代码 */ }.call(this)); 包裹了起来。

(function() {
// 代码
}.call(this));

这是什么意思?作用是什么?先不着急,我们通过一个个例子来学习。

这个其实很好理解

// 这是一个普通函数
var a = function(){
   alert("11")
}

如果运行这段JS脚本,不会弹出11。因为没有调用a函数。

但是注意如果函数名后面添个(),就会立即运行这个函数

var a = function(){
  alert("11")
}

a()

函数一般是有名字的,比如上面的函数就叫a,没有名字的函数叫匿名函数。我们知道JS支持匿名函数。

JS中当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!

//立即弹出11
(function (){
   alert("11")
})()

underscore的代码包裹在一个匿名自执行函数中。很多类库jQuery都是这么做。

好处:

1. 因为会立即执行,避免变量污染

复制代码
(function() {
    var jQuery = { 
    
      VERSION : '1.0',
      a: function(){
        alert("11");
      }
    
    };
    window.jQuery = jQuery;
    $ = jQuery;
})();

//$.a()

$.VERSION;
复制代码

  call的用法

//而call(this)方法,是指当定义完后将this本身通过call()调用本身来实现立即执行。

//在浏览器环境 全局this 就是window对象

(function(){

//执行语句

}).call(this)
posted @   飞凡123  阅读(204)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示