使用JS中的Replace()方法遇到的問(wèn)題小結(jié)
今天在寫(xiě)pc客戶(hù)端自動(dòng)化打包腳本的時(shí)候遇到遇到了幾個(gè)問(wèn)題,雖然是小問(wèn)題,但是也卡了一段時(shí)間,所以決定記錄一下。
js的replace()方法是用于替換某些內(nèi)容,它可以接收兩個(gè)參數(shù),第一個(gè)是一個(gè)被替換的正則表達(dá)式對(duì)象或者一個(gè)字符串,第二個(gè)可以是將要替換成的內(nèi)容或者函數(shù),將要替換成的內(nèi)容須是一個(gè)字符串。我在執(zhí)行的時(shí)候遇到的報(bào)錯(cuò)是: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í)行這段代碼的時(shí)候得到的報(bào)錯(cuò)是無(wú)法獲取未定義的屬性replace,開(kāi)始不知道問(wèn)題出在哪里,然后試著打印出被替換的文件infoPlist,發(fā)現(xiàn)是null,然后就知道是定義infoPlist那里出現(xiàn)問(wèn)題,修改成fs.readFileSync之后發(fā)現(xiàn)就沒(méi)有這個(gè)報(bào)錯(cuò)了,但是又有一個(gè)新的報(bào)錯(cuò):replace is not a function
查找了一下相關(guān)資料,說(shuō)明對(duì)應(yīng)的變量不是字符串,而是其他的類(lèi)型,所以我打印了一下infoPlist的類(lèi)型,打印出來(lái)的是object,所以問(wèn)題是出在這里,因?yàn)閕nfoPlist的類(lèi)型不對(duì),所以導(dǎo)致了報(bào)錯(cuò),于是增加了處理成字符串的操作,于是就可以了
var infoPlistFile = osxFolder + '/Contents/Info.plist'; var infoPlist = readFile(infoPlistFile).toString(); writeFile(infoPlistFile, infoPlist.replace(/Pexip Infinity Connect/gm, $scope.manifest.name));
另外我在自己寫(xiě)demo做測(cè)試的時(shí)候還發(fā)現(xiàn),如果沒(méi)有一個(gè)變量來(lái)接收的話(huà),replace()方法是不起作用的,如:
var str="Hello World"; str.replace(/World/g, "dxy"); console.log(str);
這個(gè)時(shí)候打印出來(lái)的str還是”Hello World”,是沒(méi)有替換的,這里應(yīng)該用一個(gè)變量來(lái)作為接收,替換原來(lái)的變量,如:
var str="Hello World"; var a=str.replace(/World/g, "dxy"); console.log(a);
這個(gè)時(shí)候打印的結(jié)果就是”Hello dxy”。
總結(jié):這次在使用replace()方法的時(shí)候讓我注意到以下幾個(gè)問(wèn)題:
1、在使用replace()方法的時(shí)候首先要確保不能在null或undefined類(lèi)型的變量上調(diào)用。我們可以給它增加一個(gè)判斷,如果變量有值的時(shí)候才調(diào)用方法。
2、執(zhí)行replace()方法的時(shí)候的變量不僅是要有值,還必須是字符串類(lèi)型的。
3、js不是自動(dòng)賦值的,執(zhí)行一個(gè)方法,要么是在方法里直接執(zhí)行,要么是返回結(jié)果,返回結(jié)果的時(shí)候需要通過(guò)一個(gè)變量去接收。
4、如果第一個(gè)參數(shù)傳的是一個(gè)正則表達(dá)式的話(huà),是不能加引號(hào)的。
以上所述是小編給大家介紹的使用JS中的Replace()方法遇到的問(wèn)題小結(jié),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript 制作坦克大戰(zhàn)游戲初步 圖片與代碼
javascript 制作坦克大戰(zhàn)游戲初步 圖片與代碼...2007-11-11JavaScript簡(jiǎn)單表格編輯功能實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript簡(jiǎn)單表格編輯功能實(shí)現(xiàn)方法,涉及javascript操作表格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04JavaScript編寫(xiě)檢測(cè)用戶(hù)所使用的瀏覽器的代碼示例
這篇文章主要介紹了JavaScript編寫(xiě)檢測(cè)用戶(hù)所使用的瀏覽器的代碼示例,這樣就可以根據(jù)用戶(hù)的瀏覽狀態(tài)來(lái)調(diào)整桌面版移動(dòng)版或者兼容性的頁(yè)面,需要的朋友可以參考下2016-05-05layui自己添加圖片按鈕并點(diǎn)擊跳轉(zhuǎn)頁(yè)面的例子
今天小編就為大家分享一篇layui自己添加圖片按鈕并點(diǎn)擊跳轉(zhuǎn)頁(yè)面的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09ionic js 復(fù)選框 與普通的 HTML 復(fù)選框到底有沒(méi)區(qū)別
本文通過(guò)實(shí)例給大家演示ionic js 復(fù)選框 與普通的 HTML 復(fù)選框到底有沒(méi)區(qū)別的相關(guān)知識(shí),非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-06-06JS中使用apply、bind實(shí)現(xiàn)為函數(shù)或者類(lèi)傳入動(dòng)態(tài)個(gè)數(shù)的參數(shù)
這篇文章主要介紹了JS中使用apply、bind實(shí)現(xiàn)為函數(shù)或者類(lèi)傳入動(dòng)態(tài)個(gè)數(shù)的參數(shù)的相關(guān)資料,需要的朋友可以參考下2016-04-04layui前端時(shí)間戳轉(zhuǎn)化實(shí)例
今天小編就為大家分享一篇layui前端時(shí)間戳轉(zhuǎn)化實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11JavaScript語(yǔ)法約定和程序調(diào)試原理解析
這篇文章主要介紹了JavaScript語(yǔ)法約定和程序調(diào)試原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11