使用JS中的Replace()方法遇到的問題小結(jié)
今天在寫pc客戶端自動化打包腳本的時候遇到遇到了幾個問題,雖然是小問題,但是也卡了一段時間,所以決定記錄一下。
js的replace()方法是用于替換某些內(nèi)容,它可以接收兩個參數(shù),第一個是一個被替換的正則表達(dá)式對象或者一個字符串,第二個可以是將要替換成的內(nèi)容或者函數(shù),將要替換成的內(nèi)容須是一個字符串。我在執(zhí)行的時候遇到的報錯是:Cannot read property ‘replace' of undefined。具體代碼如下:
var fs=require("fs")
var infoPlistFile = osxFolder + '/Contents/Info.plist';
var infoPlist = fs.readFile(infoPlistFile);
fs.writeFile(infoPlistFile, infoPlist.replace(/Pexip Infinity Connect/gm, $scope.manifest.name));
當(dāng)執(zhí)行這段代碼的時候得到的報錯是無法獲取未定義的屬性replace,開始不知道問題出在哪里,然后試著打印出被替換的文件infoPlist,發(fā)現(xiàn)是null,然后就知道是定義infoPlist那里出現(xiàn)問題,修改成fs.readFileSync之后發(fā)現(xiàn)就沒有這個報錯了,但是又有一個新的報錯:replace is not a function
查找了一下相關(guān)資料,說明對應(yīng)的變量不是字符串,而是其他的類型,所以我打印了一下infoPlist的類型,打印出來的是object,所以問題是出在這里,因為infoPlist的類型不對,所以導(dǎo)致了報錯,于是增加了處理成字符串的操作,于是就可以了
var infoPlistFile = osxFolder + '/Contents/Info.plist'; var infoPlist = readFile(infoPlistFile).toString(); writeFile(infoPlistFile, infoPlist.replace(/Pexip Infinity Connect/gm, $scope.manifest.name));
另外我在自己寫demo做測試的時候還發(fā)現(xiàn),如果沒有一個變量來接收的話,replace()方法是不起作用的,如:
var str="Hello World"; str.replace(/World/g, "dxy"); console.log(str);
這個時候打印出來的str還是”Hello World”,是沒有替換的,這里應(yīng)該用一個變量來作為接收,替換原來的變量,如:
var str="Hello World"; var a=str.replace(/World/g, "dxy"); console.log(a);
這個時候打印的結(jié)果就是”Hello dxy”。
總結(jié):這次在使用replace()方法的時候讓我注意到以下幾個問題:
1、在使用replace()方法的時候首先要確保不能在null或undefined類型的變量上調(diào)用。我們可以給它增加一個判斷,如果變量有值的時候才調(diào)用方法。
2、執(zhí)行replace()方法的時候的變量不僅是要有值,還必須是字符串類型的。
3、js不是自動賦值的,執(zhí)行一個方法,要么是在方法里直接執(zhí)行,要么是返回結(jié)果,返回結(jié)果的時候需要通過一個變量去接收。
4、如果第一個參數(shù)傳的是一個正則表達(dá)式的話,是不能加引號的。
以上所述是小編給大家介紹的使用JS中的Replace()方法遇到的問題小結(jié),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
EditPlus 正則表達(dá)式 實戰(zhàn)(3)
這篇文章主要介紹了EditPlus 正則表達(dá)式 實戰(zhàn)(3)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12
prototype與__proto__區(qū)別詳細(xì)介紹
這篇文章主要介紹了prototype與__proto__區(qū)別詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-01-01
bootstrap動態(tài)調(diào)用select下拉框的實例代碼
今天小編就為大家分享一篇bootstrap動態(tài)調(diào)用select下拉框的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用實例分析
這篇文章主要介紹了JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用,接合實例形式分析了原生javascript實現(xiàn)多個表單提交時serialize操作相關(guān)使用技巧與操作注意事項,需要的朋友可以參考下2019-08-08
JS之Date對象和獲取系統(tǒng)當(dāng)前時間詳解
本篇文章主要是對JS之Date對象和獲取系統(tǒng)當(dāng)前時間進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01

