資訊專欄INFORMATION COLUMN
摘要：去年暑假的時候開通了博客園，然后開始找工作，至今為止只寫了一篇文章。慚愧啊今天興致來了，投身博客園，尼瑪，密碼忘記了。即有所謂的函數(shù)名函數(shù)名。獲取對的使用去除字符串兩端的空格說明是嚴格模式，不能直接使用函數(shù)非嚴格模式
今天第一次在segmentfault里寫文章。去年暑假的時候開通了博客園，然后開始找工作，至今為止只寫了一篇文章。慚愧??！今天興致來了，投身博客園，尼瑪，密碼忘記了?？戳四敲礋o聊的找回密碼，果斷轉投于此，但愿我以后能夠堅持寫點東西。畢竟，好好記性不如爛筆頭。
公司不讓去實習，在學校待的無聊，前兩天再寫東西的時候，突然意識到，已經(jīng)大半年沒有寫過jQuery了。但看到那么多熟悉API，不想再去做重復的工作，果斷找到源碼，投入分析。
看源碼的進程緩慢，但收獲確實挺大，尤其有利于扎實js底層知識。今天看到了源碼里面globalEval方法的實現(xiàn)。雖然用的不多，但是實現(xiàn)方法著實讓人眼前一驚（大神不算）。所以就從這里開始我的文章生涯吧?。?/p>
eval和window.eval
對于eval基本的用法，對于任何一位前端來說，都不會陌生。jQuery源碼里面也有其基本使用，但是用法。可視我第一次見啊啊啊啊。
我們知道，當我們在全局聲明一個函數(shù)的時候，就相當于在window對象上面添加了一個方法。即有所謂的：函數(shù)名===window.函數(shù)名。以前在使用eval()函數(shù)的時候，也想當然的認為eval===window.eval。其實，兩者的用法差距挺大的。
function create()
{
eval("var a = 2"); //和在函數(shù)里面直接var a = 2;的效果是一樣的
window.eval("var b = 3"); //這種其實是在全局作用域里面聲明了變量 b
}
//調(diào)用函數(shù)
create();
consoole.log(a); //報錯：a is not defined
console.log(b); // 3
從上面的函數(shù)里面，我們就可以看出eval就是把其參數(shù)在當前的作用域里面運行。而window.eval無論其處于什么作用域里，都會把其參數(shù)在全局作用域里面運行。
除了直接使用window.eval外，我們也可以使用一個變量對其進行引用
function create(){
{
var ev = eval; //js就是這么神奇，這里的eval指的是window.eval,而非對eval的直接引用
ev("var c = 4");
}
create();
console.log(c); //4
js果然是一門神奇的語言，那么小的一個玩意竟然會有那么多想不到的用法。
其實啊，eval在多帶帶使用的時候，js語言其實是把它作為一個結構體來看待，而window.eval在使用的時候，卻真真是一個函數(shù)。
下面附上jQuery里面globalEval的源碼
//自己試著寫的，順便使用了經(jīng)常使用的去除兩端空格的方法。
String.prototype.trim = function(){
return this.replace(/^(s+)|(s)+$/g,"");
};
jQuery.globalEval = function(code){
var newScript,
newEval = eval; //獲取對eval的使用
code = code.trim(); //去除字符串兩端的空格
if(code){
if(code.indexOf("use strict")){
//說明是嚴格模式，不能直接使用window.eval函數(shù)
newScript = document.createElement("script");
newScript.createTextNode(code);
document.head.appendChild(newScript).parentNode.removeChild(newScript);
}else{
//非嚴格模式
newEval(code);
}
}
}
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/78982.html
摘要：作為前端最流行的類庫，沒有之一，源碼必須得讀一讀。本博將不定期更新源碼解讀內(nèi)容，如果解讀不正確的地方，還請同學們在評論中指正。這里使用的是改變的指向為實例。其實就是中常見的四判斷是否是數(shù)字函數(shù)用于檢查其參數(shù)是否是無窮大。 jQuery作為前端最流行的類庫，沒有之一，源碼必須得讀一讀。本博將不定期更新源碼解讀內(nèi)容，如果解讀不正確的地方，還請同學們在評論中指正。 本系列文章基于jquer...
摘要：本項目總結了大部分替代的方法，暫時只支持以上瀏覽器。返回指定元素及其后代的文本內(nèi)容。從服務器讀取數(shù)據(jù)并替換匹配元素的內(nèi)容。用它自己的方式處理，原生遵循標準實現(xiàn)了最小來處理。當全部被解決時返回，當任一被拒絕時拒絕。是創(chuàng)建的一種方式。 原文https://github.com/nefe/You-D... You Dont Need jQuery showImg(https://segmen...
摘要：注同時移除元素上的事件及數(shù)據(jù)。其他對象通過其屬性名進行迭代。原始數(shù)組不受影響。檢查對象是否為空不包含任何屬性。返回一個數(shù)字，表示當前時間。兩者性能差不多接受一個標準格式的字符串，并返回解析后的對象。 在我看來，jQuery確實已經(jīng)過時了。本項目總結了絕大部分 jQuery API 替代的方法，類似項目You-Dont-Need-jQuery，并會再此基礎上進行很多的補充。寫這個項目主要...
摘要：文章出處拜讀一個開源框架，最想學到的就是設計的思想和實現(xiàn)的技巧。利用下的簡單工廠模式，來將所有對于同一個對象的操作指定同一個實例。所以的中提供了以上中擴展函數(shù)。 文章出處 http://www.cnblogs.com/aaronjs/p/3278578.html 拜讀一個開源框架，最想學到的就是設計的思想和實現(xiàn)的技巧。 廢話不多說，jquery這么多年了分析都寫爛了，老早以前就拜讀過，...
閱讀 3742·2021-11-24 10:23
閱讀 2788·2021-09-06 15:02
閱讀 1290·2021-08-23 09:43
閱讀 2365·2019-08-30 15:44
閱讀 3061·2019-08-30 13:18
閱讀 799·2019-08-23 16:56
閱讀 1758·2019-08-23 16:10
閱讀 555·2019-08-23 15:08
