任何库与框架设计的第一个要点就是解决命名空间和变量污染问题。
jquery就是利用了js函数作用域的特性,采用立即调用表达式包裹了
从上面的代码可以看出,自动初始化这个函数,让其只构建一次,详细说一下这种写法的优势:
1.window和undefined都是为了减少变量查找所经过的scope作用域。当window通过
传递给闭包内部之后,在闭包内部使用它的时候,
可以把它当成一个局部变量,显然要不原先在window scope下查找的时候要快一些。
2.undefined也是同样的道理,其实这个undefined并不是js数据类型的undefined,
而是一个普普通通的变量名拟。只是因为没给他传递值,它的值就是undefined,
undefined并不是js的保留字。
//jquery为什么要创建这样的一个外层包裹,其原理于是如何?
这里要区分2个概念,一个是匿名函数,一个是自执行。顾名思义,匿名函数,就是没有
函数名的函数,也就是不存在外部引用。但是是否向下面这样呢:
那么怎么取执行一个匿名函数呢?
要调用一个函数,我们必须要有方法定位它,引用它,所以,我们要取一个名字:
组合分块,并且每一块都有一个返回值。这个返回值实际上也就是小括号表达式的返回值。
所以,当我们用一对小括号吧匿名函数括起来的时候,实际上小括号返回的就是一个
function对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用,
所以如果在这个引用变量后再加上参数列表,就会实现普通的函数调用。
jquery就是利用了js函数作用域的特性,采用立即调用表达式包裹了
自身的方法解决这个问题。
(function(window,undefined){
var jquery = function(){};
window.jquery=window.$ = jquery;
})(window)
从上面的代码可以看出,自动初始化这个函数,让其只构建一次,详细说一下这种写法的优势:
1.window和undefined都是为了减少变量查找所经过的scope作用域。当window通过
传递给闭包内部之后,在闭包内部使用它的时候,
可以把它当成一个局部变量,显然要不原先在window scope下查找的时候要快一些。
2.undefined也是同样的道理,其实这个undefined并不是js数据类型的undefined,
而是一个普普通通的变量名拟。只是因为没给他传递值,它的值就是undefined,
undefined并不是js的保留字。
//jquery为什么要创建这样的一个外层包裹,其原理于是如何?
这里要区分2个概念,一个是匿名函数,一个是自执行。顾名思义,匿名函数,就是没有
函数名的函数,也就是不存在外部引用。但是是否向下面这样呢:
function(){
//代码逻辑
}
上面这种写法是错的,声明了它但是又不给名字又 没有使用,所以在语法上是错误的,那么怎么取执行一个匿名函数呢?
要调用一个函数,我们必须要有方法定位它,引用它,所以,我们要取一个名字:
var jquery = function(){
//代码逻辑
}
jquery使用()将匿名函数括起来,然后再加上一堆小括号,那么这小括号能把我们的表达式组合分块,并且每一块都有一个返回值。这个返回值实际上也就是小括号表达式的返回值。
所以,当我们用一对小括号吧匿名函数括起来的时候,实际上小括号返回的就是一个
function对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用,
所以如果在这个引用变量后再加上参数列表,就会实现普通的函数调用。