微信小程序開發(fā)之不能使用eval函數(shù)的問題-創(chuàng)新互聯(lián)

一　eval函數(shù)問題

目前創(chuàng)新互聯(lián)建站已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、凱里網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

JavaScript中的eval函數(shù)是頗受開發(fā)者爭(zhēng)議的問題之一，問題主要在于其可能導(dǎo)致的不安全性。有關(guān)此方面問題，在此不再贅述，讀者可能很容易地瀏覽到許多介紹性文章。

但是，eval函數(shù)的優(yōu)點(diǎn)也是很明顯的。例如，使用JS編寫一個(gè)計(jì)算器程序，在遇到"2+1-3*5"這樣的字符串時(shí)，使用eval就可以很容易地計(jì)算出，類似如：

var s="2+1-3*5";

console.log(eval(s));

二　微信小程序練手遇到問題

（１）微信小程序環(huán)境不支持eval函數(shù)

在學(xué)習(xí)微信小程序開發(fā)過程中，想使用計(jì)算器這樣的工具編寫練練手——主要是想熟悉一下其布局控制技巧。于是，遇到了上面的問題。很自然，想到使用eval函數(shù)，因?yàn)榫幊讨姓怯龅筋愃朴谏厦娴拇罅孔址渲邪粋€(gè)數(shù)字表達(dá)式。但是，遇到如下錯(cuò)誤：

VM773:1 Uncaught TypeError: eval is not a function(…)

（２）new Function()方案也不行！

初步網(wǎng)絡(luò)探索后，只好想使用eval()函數(shù)的替代方法，類似于如下：

//計(jì)算表達(dá)式的值
function eval(fn) {
    
    var Fn = Function;  //一個(gè)變量指向Function，防止有些前端編譯工具報(bào)錯(cuò)
    
    return new Fn('return ' + fn)(); 
}

結(jié)果再次遇到失敗提示，類似于如下：

can not create Function

三　無(wú)奈之舉

在搜索微信小程序少有的幾個(gè)論壇并全面網(wǎng)絡(luò)搜索后，只能借助于最原始的辦法實(shí)現(xiàn)看似簡(jiǎn)單的計(jì)算器中程序的開發(fā)了。歸納來(lái)看，方法主要有三種，分別是

轉(zhuǎn)換函數(shù)、強(qiáng)制類型轉(zhuǎn)換和利用js變量弱類型轉(zhuǎn)換。

（１）轉(zhuǎn)換函數(shù)

js提供了parseInt()和parseFloat()兩個(gè)轉(zhuǎn)換函數(shù)。前者把值轉(zhuǎn)換成整數(shù)，后者把值轉(zhuǎn)換成浮點(diǎn)數(shù)。只有對(duì)String類型調(diào)用這些方法，這兩個(gè)函數(shù)才能正確運(yùn)行；對(duì)其他類型返回的都是NaN(Not a Number)。

一些示例如下：

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

parseInt()方法還有基模式，可以把二進(jìn)制、八進(jìn)制、十六進(jìn)制或其他任何進(jìn)制的字符串轉(zhuǎn)換成整數(shù)?；怯蓀arseInt()方法的第二個(gè)參數(shù)指定的，示例如下：

復(fù)制代碼代碼如下:

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10

如果十進(jìn)制數(shù)包含前導(dǎo)0，那么最好采用基數(shù)10，這樣才不會(huì)意外地得到八進(jìn)制的值。例如：

代碼如下:

parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

parseFloat()方法與parseInt()方法的處理方式相似。
使用parseFloat()方法的另一不同之處在于，字符串必須以十進(jìn)制形式表示浮點(diǎn)數(shù)，parseFloat()沒有基模式。

下面是使用parseFloat()方法的示例：

代碼如下:

parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

（2）強(qiáng)制類型轉(zhuǎn)換

還可使用強(qiáng)制類型轉(zhuǎn)換（type casting）處理轉(zhuǎn)換值的類型。使用強(qiáng)制類型轉(zhuǎn)換可以訪問特定的值，即使它是另一種類型的。

ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換如下：

Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型；
Number(value)——把給定的值轉(zhuǎn)換成數(shù)字（可以是整數(shù)或浮點(diǎn)數(shù)）；
String(value)——把給定的值轉(zhuǎn)換成字符串。

用這三個(gè)函數(shù)之一轉(zhuǎn)換值，將創(chuàng)建一個(gè)新值，存放由原始值直接轉(zhuǎn)換成的值。這會(huì)造成意想不到的后果。
當(dāng)要轉(zhuǎn)換的值是至少有一個(gè)字符的字符串、非0數(shù)字或?qū)ο螅ㄏ乱还?jié)將討論這一點(diǎn)）時(shí)，Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、undefined或null，它將返回false。

可以用下面的代碼段測(cè)試Boolean型的強(qiáng)制類型轉(zhuǎn)換。

代碼如下:

Boolean(""); //false – empty string
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object

Number()的強(qiáng)制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式相似，只是它轉(zhuǎn)換的是整個(gè)值，而不是部分值。示例如下：

代碼如下:

用　　法結(jié)　　　　　　　果

Number(false)             0
Number(true)             1
Number(undefined)         NaN
Number(null)         0
Number( "5.5 ")         5.5
Number( "56 ")         56
Number( "5.6.7 ")         NaN
Number(new Object())     NaN
Number(100) 100

（3）利用js變量弱類型轉(zhuǎn)換

舉個(gè)小例子，一看，就會(huì)明白了。

代碼如下:

var str= '012.345 ';
var x = str-0;
x = x*1;

上例利用了js的弱類型的特點(diǎn)，只進(jìn)行了算術(shù)運(yùn)算，實(shí)現(xiàn)了字符串到數(shù)字的類型轉(zhuǎn)換。屬于最簡(jiǎn)單的方法了。

小結(jié)

本文描述的也算是個(gè)人開發(fā)微信小程序過程中遇到的一個(gè)“坑”吧。畢竟小程序的設(shè)計(jì)目的之一是要訪問本機(jī)功能的，所以避開eval這樣的復(fù)雜函數(shù)也是可以理解的。目前，我還沒有在網(wǎng)絡(luò)上找到可以使用后面介紹的原始方法的能夠?qū)崿F(xiàn)計(jì)算字符串中數(shù)字表達(dá)式的通用的工具函數(shù)。有興趣的朋友可以試一下。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

標(biāo)題名稱：微信小程序開發(fā)之不能使用eval函數(shù)的問題-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)于：http://muchs.cn/article44/ddscee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、微信小程序、網(wǎng)站制作、App開發(fā)、標(biāo)簽優(yōu)化、電子商務(wù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容