首頁 > 文章 > web前端 > JS中的Replace()方法遇到的問題

JS中的Replace()方法遇到的問題

小云云原創: 2018-01-04 13:27:101756瀏覽

本文主要介紹了使用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、如果第一個參數傳的是一個正規表示式的話，是不能加引號的。

JS中的Replace()方法遇到的問題

相關文章