JS入門1
JavaScript
1.JS介紹
全稱叫JavaScript,但不是Java,js是一門前臺語言,而Java是後臺語言。
js的作者是布蘭登.艾奇
前臺語言:執行在客戶端的
後臺語言:跟資料庫有關
2.JS可以幹什麼?
頁面特效,開發頁面遊戲,後臺開發等等。
3.JS和ECMAScript之間的關係
ES不是語言,是js的標準,我們學習js得按ES的標準學習
4.前端的三個層次
html 結構層
css 表現層
js 行為層
5.js寫在哪裡
因為js和php都是指令碼語言,js寫在script這個標籤裡,php寫在<?php>標籤裡
A.
B.
6.變數
變數:可以改變的量,往往用英文字母代替變數,並且區分大小寫。
變數的定義(宣告):var加字母 例如: var a 我聲明瞭一個變數叫a
變數的用途:變數其實是一個容器,起到臨時儲存資料的作用。
通過=進行賦值 如var a=12;
7.js語言的輸出
alert()這是js中的一個彈出框
console.log()瀏覽器控制檯輸出,用於程式碼測試
document.write()在瀏覽器中寫出
8.js的註釋
(1)單行註釋//
(2)多行註釋/*內容*/
9.常量 不變的量
漢字 數字往往當做值使用。除了數字之外 要帶引號" "
紅色的報錯,說明雅寧是個變數,但是這個變數沒有宣告
說明這個變數沒有賦值
變數起名的規則:不能使用漢字 區分大小寫 不能使用特殊符號開頭除了_ $
_a √ -a × a3 √ 3a ×
帶引號和不帶引號
帶引號的是什麼就輸出什麼叫字串
變數不是字串 變數輸出的是他後面的值 如果沒有 賦值就是underfined
帶引號的45是字串,用+ 只是拼接 沒帶的是數字 +是四則運算
Js的關鍵字 var
10.js語言的四則運算
+
純數字之間就是加法 3+6
和字串之間 + 就是拼接
-
純數字是減法
和字串之間 - 還是減
*
純數字還是乘法
和字串之間 還是乘
/
純數字是除 和字串還是除
減乘除 三者有隱式轉換的能力。在計算的過程中 將字串強制轉成了數字。
%
取餘數
數字
整數(整型)和小數(浮點型)
parseInt() 將字串強制轉換成整型 parseFloat() 將字串強制轉換成浮點型
程式碼執行的順序是從上往下。一個模組一個模組的執行
變數提升:瀏覽器的功能
JS程式碼執行
js程式碼執行前,瀏覽器會給他(js)一個全域性環境,叫windows(全域性作用域)。在window下
瀏覽器找到所有的帶var和function的關鍵字然後給他們分配記憶體地址。不管你賦值沒賦值,瀏覽器告訴所有的子模組,這個東西存在了。這種能力叫變數提升。
變數的值
我們學了兩個了,一個是字串,數字。不管是字串還是數字,後面的值統統稱為資料。
資料的型別有哪些?
字串 數字 陣列 json 物件 布林 undefined 函式
運算
(1)四則運算:加減乘除在一起,先算乘除後算加減
(2)邏輯運算 或(||)且(&&)非(!) 結果是布林 true和false
(3)比較運算 >>=<<=! (取反)==(雙等號)
=是賦值運算 結果是true和false ===全等 資料的型別和值都一樣 不全等於!==
雙等號也有隱式轉換的能力
js程式碼執行前,瀏覽器會給一個全域性作用域windows
windows分兩個模組,一個是儲存模組,另一個是執行模組
儲存模組:查詢所有的var和function關鍵字 給這些變數新增記憶體地址
執行模組 程式碼從上到下執行,遇到了變數就會去儲存模組找
有就看賦值有沒有,賦值了就是後面的值,沒有賦值就是undefined
沒有 結果就是xxx is not defined