+function ($) { "use strict";}(window.jQuery);全面分析
+function ($) { "use strict"; }(window.jQuery); 怎么理解?
匿名函数闭包
我们先来理一理函数表达式和函数声明的区别
函数表达式: 函数可以是匿名函数,也可以有函数名,但是这种函数无法直接使用,只有通过表达式左侧的变量来调用。
var a = function(){
alert('Function expression');
}
var b = new a();
函数声明:必需要有函数名
function a(){
alert('Function declaration');
}
a();
下面是一个匿名函数
function () { }
一元操作符+和函数表达式
也可以使用如-,~,!这种其它的一元操作符或者括号,目的是告诉解析器在这些特定操作符附近的是一个表达式(注意,JS将function当作一个函数声明的开始,而函数声明后面不能跟圆括号直接进行调用,所以有的时候想办法将函数声明转化为函数表达式)
The following are three classical methods 三种典型方式进行上述转换
+function () { }; (function () { }); void function() { };
The efficiency of these three kinds of
Operators addition and subtraction counter, operator "~" (bit reverse) the definition in the EMCAScript5: according to operator binding statement; the old value into a 32 bit integer; execution operator after the statement; conversion of the line for 32 bit and returns the result.
"()"Group operators: returns the expression results in the execution of the.
void: According to operator binding statement execution, return undefined.
The group operator also needs to perform the statement and returns the value returned by the contrast statement block, void multiple access block operation, thus the performance of void in this case is better than the group of operators.
吧拉粑粑拉粑粑拉吧拉吧拉吧没看明白不好意思!
Through the end of the () to call and run 通过在表达式末尾加()运行
+function () { }(); (funtion () { })();
Parameter passing, in order to avoid the $and other library or template that conflict, window.jQuery passed as parameters.
参数传递,为了避免$和其他库或模板发生冲突,jquery用这种方式起作用
+function (x) {
console.log(x);
}(3); +function ($) { }(window.jQuery);
Another advantage is that, within the scope of the JS interpreter, can quickly find $object than this method.
其它优势在于,在JS解释器中,这种方式下的效率更高
$(function(){ });
There is a way, to avoid naming conflicts.
避免冲突的另一种方式
var j = jQuery.noConflict();
j('#someDiv').hide();
$('someDiv').style.display = 'none';// Other libraries$
A look of writing something like the code. This code initializes the jQuery code in the DOM loading is complete.
这种写法,代码将在DOM加载完毕时初始化Jquery代码
$(function(){ });
This is equivalent to the
和下面这种写法作用相同
$(document).ready(function(){
// Initialize the jQuery code in the DOM loading is complete.
});
Different from 和这种不同
$(window).load(function(){
// In the picture, the media file is loaded, the initialization of jQuery code.
});
In strict mode 严格模式下的情况我暂时先不研究了,等日后水平上来再进一步学习
The establishment of "strict mode", mainly in the following: norms, efficiency, safety, facing the future
Remove the Javascript grammar some unreasonable, not rigorous, reduce some strange behavior;
- remove some safety code operation code, ensure operation safety,
- to improve the compiler efficiency, increase running speed,
- in order to pave the way for future versions of Javascript.
Enter "sign in strict mode", is the following statement:
"use strict";
The old version of the browser will send it as an ordinary string, ignore them.
The "use strict" in the first line of the script file, the script will be "strictly" mode of operation.
If this statement is not in the first row, is invalid, the script is run in "normal mode".
If the code files of different patterns was merged into one document, this requires special attention.
(strictly speaking, as long as the front is not to produce practical results of the sentence, "use strict" may not be in the first line, such as direct as in an empty semicolon. )
<script>
"use strict";
console.log("This is strict mode. ");
</script>
<script>
console.log("This is the normal mode. ");
</script>
The "use strict" in the first line of the function body, the entire function to "strict" mode of operation.
function strict(){
"use strict";
return "This is strict mode. ";
}
function notStrict() {
return "This is the normal mode. ";
}
Because calling the method above is not conducive to the files, so it is better, the following method, the script file in an anonymous function is executed immediately.
+function (){ "use strict"; }();
The scope of strict mode constraint
Var declare variables. In strict mode, variable must use the VaR command to display the statement, and then use the.
"use strict";
v = 1; // Error, V is not a statement
for(i = 0; i <2; i++) { // Error, I is not a statement }
Numbers don't add 0. Disable the octal algorithm because... Because the octal is not included in the ECMAScript, the digital front 0 will change the meaning of numbers, JS will think is an octal number, thus error.
"use strict";
var sum = 015 + // Error! syntax error
197 +
142;
Do not allow the function non top, it is not allowed to function nesting. ECMAScript5 (or ECMAScript3) are not allowed.
"use strict";
if (true){
function f() { } // Error! syntax error
f();
} for (var i = 0; i <5; i++){
function f2() { } // Error! syntax error
f2();
} function baz(){ // kosher
function eit() { } // also kosher
}
Don't use these words do variables or parameters implements, interface, let, package, private, protected, public, static, yield. In strict mode as the reserved keywords. Future ECMAScript seems to cut into the pre.
function package(protected){ // Error!
"use strict";
var implements; // Error! interface: // Error!
while (true){
break interface; // Error!
} function private() { } // Error!
}
function fun(static) { 'use strict'; } // Error!
Console implementation of strict mode returns undefined
(function(){ return this; })()
Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…} (function(){ 'use strict'; return this; })()
undefined
There are other examples
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode?redirectlocale=en-US&redirectslug=JavaScript%2FReference%2FFunctions_and_function_scope%2FStrict_mode
Document ready immediately
!function ($) { $(function(){ }) }(window.jQuery)
问题二:
+function ($) { "use strict";}(window.jQuery);全面分析的更多相关文章
- 转载 +function ($) { "use strict";}(window.jQuery);全面分析
转载 https://www.cnblogs.com/cndotabestdota/p/5664112.html +function ($) { "use strict";}(wi ...
- 笔记:IIFE 立即执行的函数表达式 +function ($) { }(window.jQuery);
在Bootstrap源码(具体请看<Bootstrap源码解析1>)和其他jQuery插件经常看到如下的写法: +function ($) { }(window.jQuery); 这种写法 ...
- JQuery安全分析
JQuery安全分析: JQuery的风险均来源于对输入的数据没有进行有效性检验.客户端的Javascript需要检验:来源于服务器的数据.来源于当前页面的用户输入,服务器端需要检验来源于用户端的数据 ...
- (转)function($){}(window.jQuery) 是什么意思?
function(){}(); (function(){})(); 这两个是self-invoking anonymous 自调匿名函数,用这类的方法,能强制使匿名函数成为表达式,把不合法变成合法. ...
- Activity Threa创建Window和View分析
http://blog.csdn.net/ljsbuct/article/details/7094580 1. 入口. 以前一直都说Activity的人口是onCreate方法.其实android上一 ...
- window.jQuery || document...
window是浏览器端的全部数据变量的引用.比如 window.window === window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 ...
- window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery.js'>"+"<"+"/script>")
今天无意中看到这样一段代码 <script type="text/javascript"> window.jQuery || document.write(" ...
- CDN失效时使用本地js文件:window.jQuery || document.write
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></ ...
- jQuery框架分析第一章: 第一个匿名函数
我的jQuery版本为1.7* 这个版本代码比之前的版本优化了很多,结构也清晰了不少,就用最新的吧. 打开jQuery源代码 首先你能看到所有代码被一个 (function(window,undefi ...
随机推荐
- 面试之路(29)-TCP流量控制和拥塞控制-滑动窗口协议详解
拥塞: 拥塞发生的主要原因在于网络能够提供的资源不足以满足用户的需求,这些资源包括缓存空间.链路带宽容量和中间节点的处理能力.由于互联网的设计机制导致其缺乏"接纳控制"能力,因此在 ...
- 如何上传代码到git上
windows环境下上传代码到git仓库 1,https://github.com/new 2,创建成功后是这样子的 3,远程添加github上的Blog仓库. 1)进入本地文件夹下-右击鼠标-Git ...
- how tomcat works 读书笔记 十一 StandWrapper 下
StandardWrapperValve StandardWrapperValve是StandardWrapper的基础阀,主要完成了三个工作. 1 调用StandardWrapper的allocat ...
- Ubuntu安装java的最简单的命令行方式
由于经常要安装java,因此 深受其烦! 分为两部: 1. sudo apt-get install openjdk-7-jdk 2. sudo vim /etc/environment 然后把下面的 ...
- MCU实战经验:多种的按键处理
按键通常有:IO口按键(BUTTON),AD按键(通过AD采样电压),IR(遥控器) 按按键功能分:有短按键,长按键,连续按键.打个比方,遥控电视机,按一下音量键,音量增加1,这个就是短按键.按住音量 ...
- 使用XStream是实现XML与Java对象的转换(1)--简介及入门示例
一.简单介绍 XStream是thoughtworks开发的开源框架,用于实现XML数据于Java对象.Json数据的转换.它不需要schema或其他的mapping文件就可以进行java对象和xml ...
- sort list(给链表排序)
Sort a linked list in O(n log n) time using constant space complexity. 题目要求使用O(nlogn)时间复杂度,可以考虑使用归并排 ...
- Java—SSH(MVC)
Java-SSH(MVC) JAVA三大框架的各自作用 hibernate是底层基于jdbc的orm(对象关系映射)持久化框架,即:表与类的映射,字段与属性的映射,记录与对象的映射 数据库模型 也就是 ...
- Oracle删除重复行
Oracle删除重复行 分类: ORACLE2010-12-12 17:10 423人阅读 评论(0) 收藏 举报 oracletabledeleteintegerinsert.net 查询及删除重复 ...
- Spring温故而知新 - bean的装配
Spring装配机制 Spring提供了三种主要的装配机制: 1:通过XML进行显示配置 2:通过Java代码显示配置 3:自动化装配 自动化装配 Spring中IOC容器分两个步骤来完成自动化装配: ...