.jsp 中的 ES6+

因公司現行專案架構為 JAVA Base 的前後端整合架構,因此前端開發都會寫在 .jsp 檔案內,而該檔案類型本來就有 JAVA 相關語法可以使用,所以在此紀錄與純前端開發語法上的不同之處

Literals Template

在 ES6 的模板字串中,我們可以使用 ` 包住 ${} 將變數帶入字串中,但剛好 ${}.jsp 檔案中也是帶入參數的保留符號,所以在 .jsp 中要使用模板字串時要在前方加上反斜線 \ 以做區別

1
2
3
4
5
6
// *.jsp

<script>
const test = "123";
console.log(`\${test}`); // 123
</script>