node.js初體驗之利用node.js的fs-檔案系統,來寫一個批量修改檔名的小工具
導語:公司最近業務不忙,利用閒暇時間準備學習一下Node.js,看見網上前端大牛張旭鑫的文章JS一般般的網頁重構可以使用Node.js做些什麼? ,跟著寫了一下批量修改檔名的javascript小工具,主要利用node.js的API中fs相關方法來實現;記錄一下,以備後用。
Node.js的理解
作為一個想成為技術流的前端小菜鳥,對於node的大名是早就有耳聞,也好多次嘗試想要學習一下,但是網上找了好多文章,看了都不是很理解,也就都沒深入,但其實過程中,學習了vue,並搭建開發過專案,其實也就是在使用node了,今天看了張旭鑫大牛的文章,終於有了新的理解和看法,再次感嘆,不愧是牛人!
我對node.js的理解就是javascript語言的執行環境,以前只知道javascript只能執行在瀏覽器上,而且出於安全考慮,瀏覽器限制了javascript訪問使用者計算機的大多數許可權,所以javascript能做的事,僅限於瀏覽器,但是node讓javascript有了執行的環境,就可以做很多事情了,具體node.js API開發文件
作為剛接觸的興趣開發,我就記錄一下跟著練習的批量修改檔名的程式;
程式碼開發
新建一個js檔案,用一個常用的編輯器進行js程式碼的編寫,我用的是Notepad++,平時工作中用的是vscode,都可以,看自己的心情;
'use strict';//嚴格模式 let fs = require('fs');//想用API中的哪個模組就用require引進來 letsrc = 'testimg/rename_test';//定義一個想修改檔案所在的資料夾的路徑,相對改js檔案 fs.readdir(src,function(err,files){//讀取檔案的方法,引數都代表什麼,請看文件 let i = 1; files.forEach(function(filename){//files是該資料夾下所有檔名的陣列集合 if(filename.indexOf('.png') != -1){//找出png格式的圖片 let oldPath = src + '/' + filename let newPath = src + '/icon' + i + '.png';//給圖片重新命名,利用變數i,順序遞增 i++; fs.rename(oldPath, newPath, function(err){//檔案重新命名方法,引數代表的意思參考API if(!err){//替換成功,提示資訊 console.log(newPath + '替換成功!'); } }) } }) })
本地執行的方法:用CMD視窗進入要執行的js檔案所在資料夾,執行如下程式碼:
node rename.js
修改成功後,控制檯會輸出列印成功資訊,至此,完成。