1. 程式人生 > >從零開始的全棧工程師——html篇1.9(js開篇)

從零開始的全棧工程師——html篇1.9(js開篇)

== 客戶端 後臺語言 漢字 .com var 理解 客戶 頁遊

JS開篇

一、js介紹

全稱 javascript 但不是java 他是一門前臺語言 而java是後臺語言
js作者 布蘭登·艾奇
前臺語言:運行在客戶端的
後臺語言:跟數據庫有關的

能幹什麽? 頁面特效 開發網頁遊戲 後臺開發等等

二、js和ECMAscript的關系

es不是語言 是js的標準 我們學習js得按es的標準學習

三、前端的三個層次

HTML 結構層

CSS 表現層

JS 行為層

四、js寫在哪裏

因為js和pho都是腳本語言 js寫在script這個標簽裏 php寫在<?php>標簽裏

技術分享圖片

當然作為一個合格的程序員最好把html css js三個文件分開

技術分享圖片

五、變量

變量:可以改變的量 並且區分大小寫

變量的定義(聲明):var 加字母car a 我們聲明了一個變量叫a

變量的用途:變量其實就是一個容器 起到臨時存儲數據的作用

通過等於號賦值(=) var a=12;

六、js的語言輸出

1.alert()這是js中的一個方法 (彈出框)

2.console.log()瀏覽器控制臺輸出 用於代碼測試

技術分享圖片

3.document.write()在瀏覽器中寫出

七、js的註釋

1.單行註釋 用兩個 // 來進行單行註釋

2.多行註釋 /* 內容 */

八、常量 (不變的量)

1.漢字 數字 往往當做值使用 除了數字外要帶引號“” ( 雙引號和單引號都可以)

技術分享圖片技術分享圖片

紅色的報錯 說雅寧是一個變量 但這個變量沒有被聲明

技術分享圖片技術分享圖片

undefined 說明有這個變量 但是沒有賦值

2.變量的起名的規則 不能使用漢字 區分大小寫 不能特殊符號開頭除了_ $

_a(可以) -a(減號不可以) a3(字母後面可以帶數字) 3a(而數字不可以寫在字母前面)

帶引號和不帶引號

帶引號的 是什麽就輸出什麽——叫字符串(可以理解為“”裏面的東西為內容)

變量不是 變量輸出的是他後面的值 如果沒有賦值 就是undefined

如下:

技術分享圖片

帶引號的45是字符串 用+ 只是拼接 沒帶的是數字 +是四則運算

js的關鍵字 var function

九、js語言的四則運算

“+”號

純數字之間就是加法
和字符串之間 +就是拼接

“-”號

純數字之間就是減法
和字符串之間 -還是-

“*”號

純數字之間就是乘法
和字符串之間 *還是*

“/”號
純數字之間就是除以
和字符串之間 /還是/

減乘除 三者有隱式轉換的能力 (隱式轉換,在計算的過程中 將字符串強制轉換成了數字)

%為取余

十、代碼的執行順序

1.代碼執行順序是從外往內從上往下 一個模塊一個模塊的執行

存儲模塊和執行模塊
存儲模塊:var function 找到所有的js關鍵字
執行模塊:對這些變量進行操作

2.變量提升:瀏覽器的功能

js執行前,瀏覽器會給一個全局作用域window

window分兩個模塊 一個存儲模塊 一個執行模塊
存儲模塊 找到所有的var和function關鍵字 給這些變量添加內存地址
執行模塊 代碼從上到下執行 遇到變量就回去存儲模塊查找 有和沒有
有,就看你賦值沒有 賦值了就是後面的值 沒有賦值就是undefined
如果沒找到 結果就是xxx is not defined

如下:

技術分享圖片

十一、變量的值

暫時咱們只先學兩個 一個字符串 一個數字 不管是字符串還是數字 後面的值統統成為數據

數據類型有:字符串 數字 數組 函數 布爾 對象 json null undefined

十二、運算

1.四則運算 + - * /在一起 先算*/後算+ - 有括號的先算括號裏面的

2.邏輯運算 或(||)且(&&)非(|) 結果是布爾 true和false

3.比較運算 >大於 >=大於等於 <小於 <=小於等於 !取反 ==雙等號

在js裏 =是賦值 ==是等於 ===全等於(數據的類型和值 都一樣)

==也有隱式轉換的能力

技術分享圖片

從零開始的全棧工程師——html篇1.9(js開篇)