JavaScript只能寫前端嗎

2022-10-09 18:00:30

JavaScript不是隻能寫前端,它也可寫後端;JavaScript可以利用Node.js來實現後端開發。Node.js是一個讓JavaScript執行在伺服器端的開發平臺,是一個事件驅動「I/O」伺服器端JavaScript環境,可以將Node.js理解為執行在伺服器端的JavaScript,因此JavaScript可以寫在後端。

前端(vue)入門到精通課程:進入學習
API 檔案、設計、偵錯、自動化測試一體化共同作業工具:

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript不是隻能寫前端,它也可寫後端。

JavaScript可以通過Node.js技術來實現後端開發,Node.js是一個讓JavaScript執行在伺服器端的開發平臺,它讓 JavaScript 成為與PHP、Python、Perl、Ruby 等伺服器端語言平起平坐的指令碼語言。

Node.js可以讓js執行在伺服器端,並藉助Google v8引擎帶來效能上的飛躍,使其效能幾乎快接近於go語言。非同步的程式設計方式讓它能夠承載巨大的並行。但是它現在也有如下的缺點:

沒有類似java的Spring框架這樣有高度統一的開發方式; 生態還不夠完善 作為一個前端開發者想要開發後臺,你可能先是被自己為難住。但是其實針對中小型系統來說,開發一個後臺,最重要的就是熟悉「SQL」,只要掌握了這個你就算是入門 了後臺開發了。因為其他的一切都有框架幫你準備好了。

框架的選擇

目前用於後端開發的node框架有:

  • egg
  • express
  • koa
  • nest
  • 。。。

那麼我們該如何選擇呢,有一個很好的方式就是看github的start,那麼我們對比了下koa的start是最多的。 但是筆者這邊推薦大家使用egg,理由如下:

  • 阿里金服開發的,維護升級迭代有保障;
  • 底層基於koa;
  • 部署服務時可以很方便地使用多核心,壓榨伺服器效能;
  • 豐富的外掛供你選擇,你也可以自定義自己的外掛;
  • 對於中小型系統來說不建議用nest這種類似springboot的框架,那還不如直接用springboot更加完全、健全、穩定;

javascript 寫後端前必須要知道的事

Node 打破了 JS 只能開發前端的瓶頸,真正實現了得JS者得天下的壯舉!然而,做後端比做前端要嚴謹多,所以JS語言上的一些「BUG」是必須要知道了。別到時候資料出了問題,整的一頭霧水。

下面舉例出JS在處理資料中的一些常見問題,以及解決辦法!幫助大家鞏固JS基礎,在工作中少走彎路。

一、浮點型資料失去精度問題:

浮點型又分為單精度浮點型(float)雙精度浮點型(double ),在強型別語言中(C,JAVA)中有詳細的說明,在 JS 中統稱為數值型(Number)。有興趣的讀者可以去了解相關知識,本文繼續回到上面的問題。

首先看一下失去精度問題的表現情況,原始碼如下:

console.log(0.1+0.2);    //0.30000000000000004
登入後複製

本應該結果是 0.3 才對,可是執行結果出現了迷之問題。這在後端開發中是絕對不允許存在的,這個問題不只在JS中出現,經測試JAVA,PHP都存在該問題,C不存在該問題。其它語言咋也沒學過啊!咋也不知道啊!

說完問題,接下來說一說解決辦法,原始碼如下:

const floatAdd = (arg1, arg2) => {
    let r1,r2,m;
    try {
    	r1 = arg1.toString().split(".")[1].length;
    } catch(e) {
    	r1 = 0;
    }
    try {
    	r2 = arg2.toString().split(".")[1].length;
    } catch(e) {
    	r2 = 0;
    }
    m  =Math.pow(10,Math.max(r1,r2));
    return (arg1*m+arg2*m)/m;
};

console.log(floatAdd(0.1,0.2));    // 0.3
登入後複製

很幸運通過上述程式碼,我們得到了想要的正確結果,但JS留給我們的問題沒有結束,請看下面的問題

二、toFixed()四捨五入的BUG:

toFixed() 方法使用定點表示法來格式化一個數值。簡單點來說,就是對資料進行四捨五入的處理,定點表示要保留的小數位數。

這個問題依舊與上一個問題 浮點型 資料有關,看下文範例程式碼:

let a=1.115;
console.log(a.toFixed(2))    //1.11
登入後複製

所幸小編小學數學不錯,貌似還當過幾年數學課代表(竊喜一波),一眼就看出了,正確答案應該是 1.12 才對。機智的小編努力尋找繞坑方法,請看原始碼:

const newToFixed=(value,length)=>{  
    let tempNum = 0;  
    let s,temp;  
    let s1 = value + "";  
    let start = s1.indexOf(".");  
    if(s1.substr(start+length+1,1)>=5){
        tempNum=1;  
    }
    temp = Math.pow(10,length);  
    s = Math.floor(value * temp) + tempNum;  
    return s/temp;  
}

console.log(newToFixed(1.115,2))    //1.12
登入後複製

JS開發後端應用時,一定要注意這些資料異常問題。更多的問題,還請各位讀者自行學習啦。

程式碼千萬行,基礎第一行。基礎不紮實,從此兩行淚。

注:程式碼範例使用了 ECMAScript 2015 版本語法,如果有相容要求的讀者,別忘了修改原始碼。

程式碼千萬行,相容第一行。相容不處理,到頭兩行淚。

【相關推薦:】

以上就是JavaScript只能寫前端嗎的詳細內容,更多請關注TW511.COM其它相關文章!