nodejs中path.join和path.resolve的對(duì)比，聊聊它們的區(qū)別

本篇文章帶大家了解一下nodejs中的path.join和path.resolve，介紹一下path.join和path.resolve的區(qū)別，希望對(duì)大家有所幫助！

相信小伙伴們都對(duì)這兩個(gè)方法path.join、path.resolve不陌生，在我們寫(xiě)node或者配置webpack的時(shí)候都用過(guò)該方法。比如下面這段：

output: {    path: Path.join(__dirname, "dist"),    filename: "[name]_[chunkhash:8].js" }

但是你知道這兩個(gè)的區(qū)別嗎。今天筆者就來(lái)講一下二者區(qū)別及用法。

先說(shuō)一下，path為我們node中的一個(gè)內(nèi)置模塊，這兩個(gè)方法都是path模塊下提供的。

Path.resolve

不廢話，先上圖。我們可以看到resolve方法接收無(wú)限的參數(shù)且都是string類(lèi)型的，該方法返回值也是string類(lèi)型的(是一個(gè)路徑)。

栗子：

// 這里我們就當(dāng)__dirname是 /root  path.resolve(__dirname, "./dist") // 輸出：/root/dist  path.resolve(__dirname, "dist", "dir") // 輸出：/root/dist/dir  path.resolve(__dirname, "/dist") // 輸出：/dist  path.resolve(__dirname, "/dist", "../") // 輸出：你的磁盤(pán)根目錄  path.resolve(__dirname, "/dist", "..") // 輸出：你的磁盤(pán)根目錄  path.resolve(__dirname, "/dist", "..", "/test") // 輸出：/test  path.resolve(__dirname, "dist", "dir", "/test") // 輸出：/test  path.resolve(__dirname, "dist", null, "/test") // 輸出：報(bào)錯(cuò)，參數(shù)一定要字符串類(lèi)型的！

通過(guò)上面栗子我們可以看到，參數(shù)可以任意，返回值是一個(gè)路徑(string類(lèi)型)。然而上面的結(jié)果是當(dāng)我們的參數(shù)里面遇見(jiàn)/就是根路徑的時(shí)候，這時(shí)返回值路徑會(huì)發(fā)生極大改變，變化為：以最后一次出現(xiàn)/根路徑的值為當(dāng)前路徑的開(kāi)始。

Path.join

join方法跟resolve方法一樣，接收無(wú)限的參數(shù)，返回值也是string類(lèi)型。join顧名思義就是拼接意思。我們來(lái)看一下join的用法吧

栗子：

// 這里我們就當(dāng)__dirname是 /root  path.join(__dirname, "dist") // 輸出：/root/dist  path.join(__dirname, "dist", "/dir") // 輸出：/root/dist/dir  path.join(__dirname, "dist", "/dir", "..") // 輸出：/root/dist  path.join(__dirname, "dist", "/dir", "../test") // 輸出：/root/dist/test  path.join(__dirname, "dist", "/dir", "/..test") // 輸出：/root/dist/dir/..test  path.join(__dirname, "/dist", "..") // 輸出：/root

通過(guò)上面栗子我們可以看到join方法只是拼接路徑，也不會(huì)像resolve那樣遇見(jiàn)/根就直接把整個(gè)路徑替換跳，而只有在標(biāo)準(zhǔn)的..、../相對(duì)路徑的時(shí)候跳出目錄。

二者區(qū)別

通過(guò)上面的兩個(gè)栗子，我相信你可以總結(jié)出二者的區(qū)別在哪里了。說(shuō)白了就是resolve方法是對(duì)根路徑的而直接變化的，而join方法只會(huì)將所有參數(shù)拼接，最后形成一個(gè)完整的路徑(當(dāng)然遇見(jiàn)..or../會(huì)跳出當(dāng)前目錄)。

這個(gè)在實(shí)際開(kāi)發(fā)中配置還是用到的地方很多的，有時(shí)候我們寫(xiě)字符串../src/index.html不生效時(shí)，就可以試試resove or join哦。

完！就分享到這吧，希望可以對(duì)大家漲一點(diǎn)小知識(shí)，如有幫助請(qǐng)幫該文章點(diǎn)個(gè)贊和在看吧，讓