前端之JavaScript（Js）基礎
阿新 • • 發佈：2022-12-04
JavaScript，簡稱Js
HTML三把利劍之一，瀏覽器可解析Js，看著和Java像，實則和Java並無關係，和Python、Go、C++等都是一門獨立的語言。
一、Js基礎
- 引入JavaScript程式碼，類似於Python中import
（1）JavaScript即Js,可放在head中
<head>
<meta charset="UTF-8">
<title>學無止境</title>
<meta name="apple-mobile-web-app-title" content="標題"/>
<script src="
（2）Js,可放在body中（建議放在body）
<body> <script src="js/demo.js"></script> </body>
head中引入JS與body中引入JS區別呢？
因HTML解析時，是自上而下依次解析，Js在head中，就會優先解析，若Js中檔案過大，或是網路速度慢，將會容易導致頁面出現空白，所以我們放在body的最下邊最為合適，這樣會優先載入以上其他的內容，最後在載入Js.
寫在最下面要有底線，需要寫在body內部的最底下，而不可以是body之外
注意：
#錯誤示範 <script src="js/demo.js"> function f() { } </script> #正確寫法 <script> function f() { } </script>
當我們的<script src="js/demo.js"></script>標籤已經是匯入，就不要繼續在標籤中寫函數了，因為寫多少函式也是不生效的，並且匯入的檔案也不會生效；如果要寫重新建立一個script標籤在寫。
二、註釋
單行註釋通過 // 多行通過 /* */，使用Pycharm：Ctrl+？，不需要關注這個註釋
三、JS變數
（1）區域性變數、全域性變數
es5 var demo = '123' // 區域性變數 demo = '456' // 全域性變數
（2）常量
es6 const a = 1 //定義常量，定義後不可被修改，如修改則會報錯
（3）let
let demo='abc'
let 與 var 有什麼區別？
var宣告變數後，JavaScript會提前進行“預解析”，賦值成為：undefind
let宣告變數後，不會被JavaScript進行“預解析”
console.log(name) 相當於Python中的“print”
使用時，建議使用var,進行預解析後，我們在執行Js程式碼時，會忽略一些錯誤
四、字串
（1）定義字串
var str = '你開心就好'
（2）字串拼接
var str='你開心就好' var name='baibai' var name_str=name+str name_str
（3）字串操作
str.charAt(0)//根據角標獲取字串中的某一個字元 char字元
str.substring(1,3) //根據角標獲取 字串子序列 顧頭不顧尾（大於等於x 小於y ）
str.length //獲取字串長度
str.concat('五月天') //拼接字串,預設放在字串末尾
str.indexOf('五月') //獲取子序列的位置
str.slice(0,1) //切片 開始，結束 顧頭不顧尾
str.toLowerCase() //變為小寫
str.toUpperCase() //變為大寫
str.split(',') //以指定的字串進行分割，返回陣列，引數2為取分割後陣列的前多少個元素
展示：