转载 +function ($) { "use strict";}(window.jQuery);全面分析
转载 https://www.cnblogs.com/cndotabestdota/p/5664112.html
+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);全面分析
+function ($) { "use strict"; }(window.jQuery); 怎么理解? 匿名函数闭包 我们先来理一理函数表达式和函数声明的区别 函数表达式: 函 ...
- 笔记: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"></ ...
- 转载--web前端35个jQuery小技巧!
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ ...
随机推荐
- Java中 接口是如何实现多态的特性的
Java中多态是个很难理解的概念,但同时又是非常重要的概念,Java三大特性(封装.继承.多态)之一,我们从字面上理解,就是一种类型的多种状态,一下通过卖小汽车的例子再次说明什么是多态,其中利用到了接 ...
- Morley's Therorem(UVA11178+几何)
题意:Morley定理,求D.E.F的坐标 思路:没什么算法,就是几何的应用.注意旋转角就好了. 转载请注明出处:寻找&星空の孩子 题目链接:UVA11178 #include<cstd ...
- Python全栈学习_day003知识点
今日大纲: . 基础数据类型 总览 . int . bool . str . for循环 1. 基础数据类型 总览 int: 用于计算,计数等 str:'这些内容',用户少量数据的存储,便于操作 bo ...
- Archlinux/Manjaro使用笔记-报错:一个或多个 PGP 签名无法校验!的解决方法
我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 解决办法:添加无法校验的pgp签名为信任 gpg --recv-keys xxxxxx xxxxxx为无法校验的gpg值
- Python简单的网络编程
OSI 模型介绍 应用层 -- 对接受的数据进行解释.加密与解密.压缩与解压缩 会话层 -- 通过传输层(端口号: 传输端口和接受端口) 建立数据传输的通路 传输层 -- 定义了一些传输数据的协议和端 ...
- Python3.4:splinter or traceback
tickts.py: #tickts.py #2018-01-22 #python 3.4 Eclipse IDE from splinter.browser import Browser from ...
- window的Navigator 对象
Navigator 对象包含有关浏览器的信息. Navigator 对象属性 document.write("浏览器的代码名:" + navigator.appCodeName + ...
- CSS之Medial Queries的另一用法:实现IE hack的方法
所谓Medial Queries就是媒体查询. 随着Responsive设计的流行,Medial Queries可算是越来越让人观注了.他可以让Web前端工程实现不同设备下的样式选择,让站点在不同的设 ...
- CSS水平居中的三种方法
CSS中经常会用到元素居中,那么今天我为大家分享几种水平居中的方法,下面代码都可以达到同样的居中效果,来不及解释了,快上马(码): 一.margin : 0 auto; <head> &l ...
- Flutter 相机定制
Flutter中与硬件相关的部分,一直都挺蛋疼的.方案基本上有两种,自己写,或者等出相关的库. 最近做的一个项目中,需要对相机做定制.有过相关模块开发经验的,就知道这种需求并不简单,况且是这种跨平台解 ...