1. 程式人生 > >JS入門1

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