引導(dǎo)
學(xué)習(xí)目標(biāo)：
| 節(jié)數(shù) | 知識(shí)點(diǎn) | 要求 |
|---|---|---|
| 第一節(jié)（js的前世今生） | js簡(jiǎn)介 | 了解 |
| 第二節(jié)（js的語(yǔ)法結(jié)構(gòu)） | 頁(yè)面引入js的幾種方式 | 了解 |
| js輸出的幾種方式 | 了解 | |
| js的語(yǔ)法規(guī)則 | 了解 | |
| 第三節(jié)（Javascript名詞解釋?zhuān)?/td> | 數(shù)字字面量 | 掌握 |
| 字符串字面量 | 掌握 | |
| 常量 | 理解 | |
| 第四節(jié)（Javascript變量命名規(guī)則(重點(diǎn))） | 聲明變量 | 掌握 |
| 變量提升 | 掌握 | |
| 變量的命名規(guī)則 | 了解 | |
| 第五節(jié)（Javascript數(shù)據(jù)類(lèi)型（重點(diǎn)）） | 基本數(shù)據(jù)類(lèi)型 | 掌握 |
| 第六節(jié)（Javascript運(yùn)算符(重點(diǎn))） | 邏輯運(yùn)算符 | 掌握 |
什么是語(yǔ)言？
什么是計(jì)算機(jī)語(yǔ)言？
機(jī)器語(yǔ)言醇坝，匯編語(yǔ)言捐祠，高級(jí)語(yǔ)言尊蚁。
少兒編程語(yǔ)言
計(jì)算機(jī)存儲(chǔ)單位
計(jì)算機(jī)數(shù)據(jù)存儲(chǔ)是以“字節(jié)”（Byte）為單位宜猜，數(shù)據(jù)傳輸是以大多是以“位”（bit陷猫，又名“比特”）為單位搏存，一個(gè)位就代表一個(gè)0或1（即二進(jìn)制）瑰步，每8個(gè)位（bit，簡(jiǎn)寫(xiě)為b）組成一個(gè)字節(jié)（Byte璧眠，簡(jiǎn)寫(xiě)為B）面氓，是最小一級(jí)的信息單位。
1B（Byte字節(jié)）=8bit蛆橡，
1KB (Kilobyte 千字節(jié))=1024B舌界，
1MB (Mega byte 兆字節(jié) 簡(jiǎn)稱(chēng)“兆”)=1024KB，
1GB (Giga byte 吉字節(jié) 又稱(chēng)“千兆”)=1024MB泰演，
1TB (Tera byte 萬(wàn)億字節(jié) 太字節(jié))=1024GB呻拌，其中1024=2^10 ( 2 的10次方)，
1PB（Peta byte 千萬(wàn)億字節(jié) 拍字節(jié)）=1024TB睦焕，
1EB（Exa byte 百億億字節(jié) 艾字節(jié)）=1024PB藐握，
1ZB (Zetta byte 十萬(wàn)億億字節(jié) 澤字節(jié))= 1024 EB，
1YB (Yotta byte 一億億億字節(jié) 堯字節(jié))= 1024 ZB垃喊，
1BB (Bronto byte 一千億億億字節(jié))= 1024 YB猾普，
Javascript簡(jiǎn)介
js的前世今生
備注94通過(guò)微信
JavaScript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類(lèi)型本谜、弱類(lèi)型初家、基于原型的語(yǔ)言，最早是在HTML網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能溜在。
動(dòng)態(tài)：在運(yùn)行時(shí)確定數(shù)據(jù)類(lèi)型陌知。變量使用之前不需要類(lèi)型聲明，通常變量的類(lèi)型是被賦值的那個(gè)值的類(lèi)型掖肋。
弱類(lèi)：計(jì)算時(shí)可以不同類(lèi)型之間對(duì)使用者透明地隱式轉(zhuǎn)換仆葡，即使類(lèi)型不正確，也能通過(guò)隱式轉(zhuǎn)換來(lái)得到正確的類(lèi)型志笼。
原型：新對(duì)象繼承對(duì)象（作為模版）沿盅，將自身的屬性共享給新對(duì)象，模版對(duì)象稱(chēng)為原型纫溃。這樣新對(duì)象實(shí)例化后不但可以享有自己創(chuàng)建時(shí)和運(yùn)行時(shí)定義的屬性嗡呼，而且可以享有原型對(duì)象的屬性。
腳本語(yǔ)言：不需要編譯器編譯皇耗。
在1995年時(shí)南窗，由Netscape公司的布蘭登·艾奇（Brendan Eich，1961年～）郎楼，JavaScript的發(fā)明人万伤，在網(wǎng)景導(dǎo)航者瀏覽器（Navigator）上首次設(shè)計(jì)實(shí)現(xiàn)而成。
由于網(wǎng)景公司希望能在靜態(tài)HTML頁(yè)面上添加一些動(dòng)態(tài)效果呜袁，于是叫Brendan Eich這哥們?cè)趦芍苤畠?nèi)設(shè)計(jì)出了JavaScript語(yǔ)言敌买。你沒(méi)看錯(cuò)，這哥們只用了10天時(shí)間阶界。
為什么起名叫JavaScript虹钮？原因是當(dāng)時(shí)Java語(yǔ)言非常紅火，所以網(wǎng)景公司希望借Java的名氣來(lái)推廣膘融，但事實(shí)上JavaScript除了語(yǔ)法上有點(diǎn)像Java芙粱，其他部分基本上沒(méi)啥關(guān)系。
Netscape在最初將其腳本語(yǔ)言命名為L(zhǎng)iveScript氧映，后來(lái)Netscape在與Sun合作之后將其改名為JavaScript春畔。
Javascript的三個(gè)主要組成部分是：ECMAScript(核心)，DOM（文檔對(duì)象模型）岛都，BOM（瀏覽器對(duì)象模型）律姨。
和Java區(qū)別
js的特點(diǎn)
1、是一種解釋性腳本語(yǔ)言（代碼不進(jìn)行預(yù)編譯）臼疫。
2择份、主要用來(lái)向HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）頁(yè)面添加交互行為。
3烫堤、可以直接嵌入HTML頁(yè)面荣赶，但寫(xiě)成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離凤价。
4、跨平臺(tái)特性讯壶，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺(tái)下運(yùn)行（如Windows湾盗、Linux伏蚊、Mac、Android格粪、iOS等
5躏吊、它是單線(xiàn)程編程語(yǔ)言。
js在網(wǎng)頁(yè)中的應(yīng)用
表單的驗(yàn)證帐萎，放大鏡比伏，添加購(gòu)物車(chē)等
ECMAScript 和 JavaScript 的關(guān)系
? 1996 年 11 月，JavaScript 的創(chuàng)造者Netscape公司疆导，決定將 JavaScript 提交給標(biāo)準(zhǔn)化組織 ECMA赁项，希望這種語(yǔ)言能夠成為國(guó)際標(biāo)準(zhǔn)。
? 因?yàn)榫W(wǎng)景開(kāi)發(fā)了JavaScript澈段，一年后微軟模仿JavaScript開(kāi)發(fā)了JScript悠菜，為了讓JavaScript成為全球標(biāo)準(zhǔn)，幾個(gè)公司聯(lián)合ECMA（European Computer Manufacturers Association）組織定制了JavaScript語(yǔ)言的標(biāo)準(zhǔn)败富，被稱(chēng)為ECMAScript標(biāo)準(zhǔn)悔醋。
所以簡(jiǎn)單說(shuō)來(lái)就是，ECMAScript是一種語(yǔ)言標(biāo)準(zhǔn)兽叮，而JavaScript是網(wǎng)景公司對(duì)ECMAScript標(biāo)準(zhǔn)的一種實(shí)現(xiàn)芬骄。那為什么不直接把JavaScript定為標(biāo)準(zhǔn)呢？因?yàn)镴avaScript是網(wǎng)景的注冊(cè)商標(biāo)鹦聪。不過(guò)大多數(shù)時(shí)候账阻，我們還是用JavaScript這個(gè)詞。如果你遇到ECMAScript這個(gè)詞泽本，簡(jiǎn)單把它替換為JavaScript就行了宰僧。
由于JavaScript的標(biāo)準(zhǔn)——ECMAScript在不斷發(fā)展，最新版ECMAScript 6標(biāo)準(zhǔn)（簡(jiǎn)稱(chēng)ES6观挎，有時(shí)也被稱(chēng)為ES2015）已經(jīng)在2015年6月正式發(fā)布了琴儿，所以，講到JavaScript的版本嘁捷，實(shí)際上就是說(shuō)它實(shí)現(xiàn)了ECMAScript標(biāo)準(zhǔn)的哪個(gè)版本造成。
Javascript發(fā)展歷史
1995年12月4日 Netscape公司與Sun公司聯(lián)合發(fā)布了JavaScript語(yǔ)言。
1996年03月 Navigator 2.0瀏覽器正式內(nèi)置了JavaScript腳本語(yǔ)言雄嚣。
1997年07月 ECMAScript 1.0發(fā)布晒屎。
1998年06月 ECMAScript 2.0版發(fā)布喘蟆。
1999年12月 ECMAScript 3.0版發(fā)布，成為JavaScript的通行標(biāo)準(zhǔn)鼓鲁，得到了廣泛支持蕴轨。
2007年10月 ECMAScript 4.0版草案發(fā)布
2009年12月 ECMAScript 5.0版正式發(fā)布
2015年06月 ECMAScript 6正式發(fā)布
各個(gè)主要瀏覽器內(nèi)核和引擎
? 一個(gè)完整的瀏覽器包含瀏覽器內(nèi)核和瀏覽器的外殼(shell)。瀏覽器核心——內(nèi)核分成兩部分：渲染引擎和js引擎骇吭。
? 瀏覽器內(nèi)核主要指的是瀏覽器的渲染引擎橙弱，2013 年以前，代表有 Trident（IE）燥狰，Gecko（firefox）棘脐，Webkit（Safari chrome 等）以及 Presto（opera)。2013 年以后龙致，谷歌開(kāi)始研發(fā) blink 引擎蛀缝，chrome 28 以后開(kāi)始使用，而 opera 則放棄了自主研發(fā)的 Presto 引擎目代，投入谷歌懷抱屈梁，和谷歌一起研發(fā) blink 引擎，國(guó)內(nèi)各種 chrome系的瀏覽器（360榛了、UC荣恐、QQ领追、2345 等等）也紛紛放棄 webkit垛贤，投入 blink 的懷抱雌团。
? 2015年微軟推出自己新的瀏覽器，原名叫斯巴達(dá)僧诚，后改名edge,使用edge引擎
edge瀏覽器仍然使用Chakra引擎
1遮婶、IE瀏覽器內(nèi)核：Trident內(nèi)核，也是俗稱(chēng)的IE內(nèi)核湖笨；
2旗扑、Chrome瀏覽器內(nèi)核：統(tǒng)稱(chēng)為Chromium內(nèi)核或Chrome內(nèi)核，以前是Webkit內(nèi)核慈省，現(xiàn)在是Blink內(nèi)核臀防；
3、Firefox瀏覽器內(nèi)核：Gecko內(nèi)核边败，俗稱(chēng)Firefox內(nèi)核袱衷；
4、Safari瀏覽器內(nèi)核：Webkit內(nèi)核笑窜；
5致燥、Opera瀏覽器內(nèi)核：最初是自己的Presto內(nèi)核，后來(lái)是Webkit排截，現(xiàn)在是Blink內(nèi)核嫌蚤；
6辐益、360瀏覽器、獵豹瀏覽器內(nèi)核：IE+Chrome雙內(nèi)核脱吱；
7智政、搜狗、遨游箱蝠、QQ瀏覽器內(nèi)核：Trident（兼容模式）+Webkit（高速模式）续捂；
8、百度瀏覽器抡锈、世界之窗內(nèi)核：IE內(nèi)核疾忍；
9乔外、2345瀏覽器內(nèi)核：以前是IE內(nèi)核床三，現(xiàn)在也是IE+Chrome雙內(nèi)核；
常用的IDE介紹
IDE:集成開(kāi)發(fā)環(huán)境（Integrated Development Environment ）
Webstorm,visual studio code,sublime,atom,hbuilder,editplus,nodepad等
js的語(yǔ)法結(jié)構(gòu)
頁(yè)面引入js的幾種方式
第一種方式：內(nèi)部方式
第二種方式：外部結(jié)構(gòu)
第三種方式：行內(nèi)方式
js輸出的幾種方式
1杨幼、使用 window.alert() 彈出警告框撇簿。
2、使用 document.write() 方法將內(nèi)容寫(xiě)到 HTML 文檔中差购。
3四瘫、使用 innerHTML 寫(xiě)入到 HTML 元素。
4欲逃、使用 console.log() 寫(xiě)入到瀏覽器的控制臺(tái)找蜜。
js的語(yǔ)法規(guī)則
1、分號(hào)是語(yǔ)句結(jié)束的標(biāo)志稳析，分號(hào)不是必須的,我們不建議這樣做洗做，嚴(yán)格來(lái)說(shuō)，語(yǔ)句要加上分號(hào)彰居。
2诚纸、 js會(huì)忽略多個(gè)空格和換行。
3陈惰、字符集
utf-8:統(tǒng)一國(guó)際編碼畦徘，兼容各個(gè)國(guó)家的語(yǔ)言
gb2312/gbk:簡(jiǎn)體中文編碼
big5:繁體中文編碼
4、變量區(qū)分大小寫(xiě)
5抬闯、注釋
回顧一下html注釋?zhuān)?/p>
回顧一下css的注釋?zhuān)?/p>
/*內(nèi)容*/
js的注釋語(yǔ)句
單行注釋?zhuān)?/內(nèi)容
多行注釋?zhuān)?*內(nèi)容*/
問(wèn)：為什么要加注釋?zhuān)?/strong>
答：為了方便別人也是為了方便自己井辆。
Javascript名詞解釋
在編程語(yǔ)言中，一般固定值稱(chēng)為字面量溶握，如 3.14掘剪。給變量賦值時(shí)，等號(hào)右邊都可以認(rèn)為是字面量奈虾。英語(yǔ)叫做literals夺谁，有些書(shū)上叫做直接量廉赔。
數(shù)字字面量
25,98.23
var num = 92;
字符串字面量
‘123’，“Hello”
[12,2,3]
常量
什么是常量匾鸥？
常量：就是其值不能改變的蜡塌。
怎樣定義一個(gè)常量？
const HOST = “l(fā)ocalhost”;
[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-E0D0aDmK-1608010648257)(020101JS初識(shí).assets/image-20200808101326346.png)]
[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-IKQtV2pk-1608010648260)(020101JS初識(shí).assets/image-20200808101352692.png)]
const也是塊級(jí)作用域
const聲明的常量必須初識(shí)化勿负，而let聲明的變量不用
const實(shí)際上保證的馏艾，并不是變量的值不得改動(dòng)，而是變量指向的那個(gè)內(nèi)存地址所保存的數(shù)據(jù)不得改動(dòng)奴愉。對(duì)于簡(jiǎn)單類(lèi)型的數(shù)據(jù)（數(shù)值琅摩、字符串、布爾值）锭硼，值就保存在變量指向的那個(gè)內(nèi)存地址房资，因此等同于常量。但對(duì)于復(fù)合類(lèi)型的數(shù)據(jù)（主要是對(duì)象和數(shù)組）檀头，變量指向的內(nèi)存地址轰异，保存的只是一個(gè)指向?qū)嶋H數(shù)據(jù)的指針，const只能保證這個(gè)指針是固定的（即總是指向另一個(gè)固定的地址）暑始，至于它指向的數(shù)據(jù)結(jié)構(gòu)是不是可變的搭独，就完全不能控制了
Javascript變量命名規(guī)則（重點(diǎn)）
聲明變量
變量是干什么的，是存儲(chǔ)數(shù)據(jù)的廊镜，那存儲(chǔ)什么種類(lèi)數(shù)據(jù)呢牙肝？
聲明變量使用關(guān)鍵字：var(variable)
你給它賦什么類(lèi)型的值，那么這個(gè)變量就是什么數(shù)據(jù)類(lèi)型嗤朴。
內(nèi)存中堆區(qū)和棧區(qū)
顯式聲明與隱式聲明區(qū)別
JS中變量聲明分顯式聲明和隱式聲明配椭。
var name = 'muzidigbig';//顯式聲明
name = 'muzidigbig';//隱式聲明（為全局對(duì)象（window）的一個(gè)屬性）
JavaScript 嚴(yán)格模式(use strict)
變量提升
變量一定要先聲明后使用，如果先使用后聲明播赁，js的內(nèi)部機(jī)制自然使變量提升颂郎。
let 和var 的區(qū)別
var: variable,它是可變的。
let: 塊作用域容为。
變量名的命名規(guī)則
變量的命名：變量是由字母乓序、數(shù)字、下劃線(xiàn)坎背、$ 組成替劈，但第一個(gè)字符必須是字母或者是下劃線(xiàn)、$開(kāi)頭得滤。
$不建議使用陨献，它可能會(huì)和其他的框架語(yǔ)法沖突，或者是函數(shù)的名字沖突
1懂更、JavaScript語(yǔ)言的標(biāo)識(shí)符對(duì)大小寫(xiě)敏感眨业，所以a和A是兩個(gè)不同的標(biāo)識(shí)符急膀。
2、首字母可以是任意字母以及美元符號(hào)和下劃線(xiàn)龄捡。剩余可以是任意字母卓嫂，美元符號(hào)，下劃線(xiàn)和數(shù)字
3聘殖、不能使用javascript中的關(guān)鍵字(保留字)來(lái)命名變量
4晨雳、中文也可以聲明變量，不建議使用它奸腺。
變量的命名方式
第一種命名：帕斯卡命名（大駝峰式命名）
每個(gè)單詞的首字符大寫(xiě)餐禁。
例如：UserName。
第二種命名：小駝峰式命名
首個(gè)單詞的首字母小寫(xiě)突照，其他后面單詞的首字母大寫(xiě)帮非。
例如：
例如：userName
第三種命名：匈牙利式命名
數(shù)據(jù)類(lèi)型+單詞（變量名）
Integer+age
var Iage = 25;
String+address
var Saddress = “西安”;
Javascript數(shù)據(jù)類(lèi)型（重點(diǎn)）
在此基本的數(shù)據(jù)類(lèi)型的基礎(chǔ)上又增加了一個(gè)基本數(shù)據(jù)類(lèi)型：Symbol，Symbol 是 ES6 引入了一種新的原始數(shù)據(jù)類(lèi)型绷旗，表示獨(dú)一無(wú)二的值喜鼓。
打印變量的數(shù)據(jù)類(lèi)型：typeof
請(qǐng)注意：
NaN 的數(shù)據(jù)類(lèi)型是 number
數(shù)組(Array)的數(shù)據(jù)類(lèi)型是 object
日期(Date)的數(shù)據(jù)類(lèi)型為 object
null 的數(shù)據(jù)類(lèi)型是 object
未定義變量的數(shù)據(jù)類(lèi)型為 undefined
基本數(shù)據(jù)類(lèi)型
數(shù)字類(lèi)型(number)
c 語(yǔ)言中：
int(整數(shù)),float(單精度浮點(diǎn)型),double(雙精度浮點(diǎn)型)副砍，char(字符)
string(字符串)衔肢。
二進(jìn)制(binary)：0b101010101
八進(jìn)制：0o2535
十六進(jìn)制：0x69852
進(jìn)制轉(zhuǎn)換：
toString():十進(jìn)制轉(zhuǎn)換其他的進(jìn)制
parseInt():其他的進(jìn)制轉(zhuǎn)換十進(jìn)制
最大值：MAX_VALUE
最小值：MIN_VALUE
浮點(diǎn)數(shù)不能比較
NaN:Not a Number：不是一個(gè)數(shù)值
一些特殊情況（除數(shù)為0，最大值變化）
布爾類(lèi)型（boolean）
true(真),false（假）豁翎，都是小寫(xiě)的角骤。
TRUE,FALSE,True,False:這些都不正確。
字符串類(lèi)型(string)
字符串：加單引號(hào)或者是雙引號(hào)
字符串連接：使用的是+
模板字符串：
undefined
typeof undefined
null
typeof null
null == undefined
null和undefined的區(qū)別
1心剥、類(lèi)型不相等
2邦尊、強(qiáng)制類(lèi)型轉(zhuǎn)換值不一樣
var re1 = Number(undefined);//NaN
var re2 = Number(null);//0
3、比較
null == undefined;//true
null === undefined;//false
引用類(lèi)型（object）
Javascript運(yùn)算符(重點(diǎn))
算術(shù)運(yùn)算符
+优烧，-蝉揍，，/畦娄，%（求余數(shù)）又沾，++，--熙卡，*（求冪數(shù)-es7新增）
