目錄
- JavaScript簡介
- 1.ECMAScript和JavaScript的關系
- 2.JavaScript語言
- 3.HTML、CSS、JavaScript
- JavaScript基礎之語言規范
- 1.如何使用？
- 2.注釋
- 3.結束符
- JavaScript語言基礎
- 1.JavaScript變數宣告
- 2.常量
- 3.變數的命名規范
- 4.支持撰寫js代碼的地方
- 5.JavaScript的資料型別
- 1.JavaScript的資料型別之數值型別（關鍵字叫number）
- 2.JavaScript的資料型別之型別轉換
- 3.JavaScript的資料型別之字符型別（string）
JavaScript簡介
1.ECMAScript和JavaScript的關系
1996年11月，JavaScript的創造者--Netscape公司，決定將JavaScript提交給國際標準化組織ECMA，希望這門語言能夠成為國際標準，次年，ECMA發布262號標準檔案（ECMA-262）的第一版，規定了瀏覽器腳本語言的標準，并將這種語言稱為ECMAScript，這個版本就是1.0版，
該標準一開始就是針對JavaScript語言制定的，但是沒有稱其為JavaScript，有兩個方面的原因，一是商標，JavaScript本身已被Netscape注冊為商標，而是想體現這門語言的制定者是ECMA，而不是Netscape，這樣有利于保證這門語言的開發性和中立性，
因此ECMAScript和JavaScript的關系是，前者是后者的規格，后者是前者的一種實作，
2.JavaScript語言
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言，
JavaScript 是可插入 HTML 頁面的編程代碼，
JavaScript 插入 HTML 頁面后，可由所有的現代瀏覽器執行，
JavaScript 很容易學習，
JavaScript 在剛誕生的時候，它的名字叫 “LiveScript”，但是因為當時 Java 很流行，所以決定將一種新語言定位為 Java 的“弟弟”會有助于它的流行，
隨著 JavaScript 的發展，它已經成為了一門完全獨立的語言，并且也擁有了自己的語言規范 ECMAScript，現在，它和 Java 之間沒有任何關系，
可以在網頁上實作復雜的功能，網頁展現給你的不再是簡單的靜態資訊，而是實時的內容更新，互動式的地圖，2D/3D 影片，滾動播放的視頻等等
3.HTML、CSS、JavaScript
HTML是一種標記語言，用來結構化我們的網頁內容并賦予內容含義，例如定義段落、標題和資料表，或在頁面中嵌入圖片和視頻，
CSS 是一種樣式規則語言，可將樣式應用于 HTML 內容， 例如設定背景顏色和字體，在多個列中布局內容，
JavaScript 是一種腳本語言，可以用來創建動態更新的內容，控制多媒體，制作影像影片，還有很多，
JavaScript基礎之語言規范
1.如何使用？
1.可以直接在html頁面內Script內寫入代碼
2.引入額外的JS檔案
2.注釋
// 這是單行注釋
/*
這是多行注釋,也可以當作單行注釋使用
*/
3.結束符
Javascript中的陳述句要以分號為結束符
JavaScript語言基礎
javaScript也是一門面向物件的 編程語言 即一切皆物件！！
name = 'jason'
name = 123
name = [1, 2, 3, 4]
name可以指向任意的資料型別
但是有一些語言中，變數名之間指向一種后續不能更改
1.JavaScript變數宣告
在js中，首次定義一個變數名的時候需要用關鍵字宣告
1.關鍵字var
var name='jason' /*全部都是全域變數*/
2.es6退出新語法
let name='jason' /*可以宣告區域變數*/
他們倆的區別：
var 在for回圈里面定義也會影響到全域
let 在區域定義只會在區域生效
2.常量
python中沒有真正意義上的常量，默認全大寫就是表示常量
js中有真正意義上的的常量的，需要使用關鍵字const宣告，這個常量不允許更改，一旦進行更改就會報錯
const pi = 3.14
pi = 3.44 # 報錯
3.變數的命名規范
變數名是區分大小寫的，
javaScript推薦使用駝峰式命名規則，
1.變數名只能是(比python多一個&)
數字 字母 下劃線 &
2.變數名命名規范(不遵循也可以)
1.js中推薦使用駝峰式命名
userName
dataOfDb
2.python推薦使用下劃線的方式
user_name
data_of_db
3.不能用關鍵字作為變數名
4.支持撰寫js代碼的地方
1.可以單獨開設js檔案書寫
2.也可以直接在瀏覽器提供的console界面書寫
在用瀏覽器書寫js的時候，左上方的清空按鈕只是清空當前界面，代碼其實還在，如果你想要重新來，最好重新開設一個頁面
(在使用瀏覽器書寫你自己的js代碼的時候推薦你在自己的html頁面打開)
5.JavaScript的資料型別
如何查看當前資料型別,typeof 變數名;
js/python是一門動態型別，變數名系結的資料值型別不固定
var name = 'jason'
name = 123
name = [11, 22, 33]
1.JavaScript的資料型別之數值型別（關鍵字叫number）
在js中它不分整形、浮點型，統稱為數值型別
var a = 11;
var b = 11.11;
typeof a;
typeof b;
'number'
整型 浮點型 都為number型別
2.JavaScript的資料型別之型別轉換
轉換整型
parseInt()
轉換浮點型
parseFloat()
parseInt('123')
123
parseFloat('11.11')
11.11
parseInt('11.11')
11
parseInt('11adasdasdasd11')
11
parseInt('asddsad11')
NaN // 屬于數值型別 表示的意思是 不是一個數字
為了與前端迎合，js做到了盡量避免報錯
3.JavaScript的資料型別之字符型別（string）
var a = "Hello"
var b = "world;
var c = a + b;
console.log(c); // 得到Helloworld
var s = 'jason'
typeof s
'string'
var s1 = 'jason'
typeof s1;
'string'
var s2 = '''body'''
VM1243:1 Uncaught SyntaxError: Unexpected string // 不支持三引號
1.模板字串（模板字串除了可以定義多行文本之外還可以實作格式化字串操作）
var s3 = `asadnkadnkasdjlhjhhljkhyhbnnnnnnnjk` // 數字1左邊的那個符號
undefined
typeof s3
'string'
模板字串替換
書寫${} 會自動去前面找大括號里面的變數名對應的值
如果沒有定義直接報錯
案例：
var name = 'jason'
var age = 18
var sss = `
my name is ${name} and my age is ${age}
`
sss
'my name is jason and my age is 18'
2.字串的拼接(內置方法)
在python中不推薦你使用 + 做拼接，使用join
在JavaScript中國推薦直接使用 + 做拼接，并且支持不同型別直接的拼接，它會自動盡自己最可的可能去進行型別轉換然后拼接
name + age
jason18
js常見的內置方法
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/502658.html
標籤：JavaScript
上一篇：小米商城購物車案例實作