1. 程式人生 > >使用js中的replace()方法問題總結

使用js中的replace()方法問題總結

使用js中的replace()方法遇到的問題

今天在寫pc客戶端自動化打包指令碼的時候遇到遇到了幾個問題,雖然是小問題,但是也卡了一段時間,所以決定記錄一下。
js的replace()方法是用於替換某些內容,它可以接收兩個引數,第一個是一個被替換的正則表示式物件或者一個字串,第二個可以是將要替換成的內容或者函式,將要替換成的內容須是一個字串。我在執行的時候遇到的報錯是: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));

當執行這段程式碼的時候得到的報錯是無法獲取未定義的屬性replace,開始不知道問題出在哪裡,然後試著打印出被替換的檔案infoPlist,發現是null,然後就知道是定義infoPlist那裡出現問題,修改成fs.readFileSync之後發現就沒有這個報錯了,但是又有一個新的報錯:replace is not a function
查找了一下相關資料,說明對應的變數不是字串,而是其他的型別,所以我列印了一下infoPlist的型別,打印出來的是object,所以問題是出在這裡,因為infoPlist的型別不對,所以導致了報錯,於是增加了處理成字串的操作,於是就可以了

var infoPlistFile = osxFolder + '/Contents/Info.plist';
var infoPlist = readFile(infoPlistFile).toString();
writeFile(infoPlistFile, infoPlist.replace(/Pexip Infinity Connect/gm, $scope.manifest.name));

另外我在自己寫demo做測試的時候還發現,如果沒有一個變數來接收的話,replace()方法是不起作用的,如:

var str="Hello World";
str.replace(/World/g, "dxy");
console.log(str);

這個時候打印出來的str還是”Hello World”,是沒有替換的,這裡應該用一個變數來作為接收,替換原來的變數,如:

var str="Hello World";
var a=str.replace(/World/g, "dxy");
console.log(a);

這個時候列印的結果就是”Hello dxy”。
總結:這次在使用replace()方法的時候讓我注意到以下幾個問題:
1、在使用replace()方法的時候首先要確保不能在null或undefined型別的變數上呼叫。我們可以給它增加一個判斷,如果變數有值的時候才呼叫方法。
2、執行replace()方法的時候的變數不僅是要有值,還必須是字串型別的。
3、js不是自動賦值的,執行一個方法,要麼是在方法裡直接執行,要麼是返回結果,返回結果的時候需要通過一個變數去接收。
4、如果第一個引數傳的是一個正則表示式的話,是不能加引號的。