JavaScript-第01天

JavaScript語言

是世界上用的最多的腳本語言俯艰。它是不需要編譯讲仰,直接運(yùn)行時(shí)邊解析邊執(zhí)行的語言。

還是是一種客戶端的腳本語言碴卧。

ECMAScript 不是一門語言,而是一個(gè)標(biāo)準(zhǔn)乃正,JavaScript 是符合這個(gè)標(biāo)準(zhǔn)的住册。


JavaScript 的整體感知:

語法書寫格式:

<script type="text/javascript">……</script>

代碼的存放位置:

放在head標(biāo)簽中,如果沒有style代碼瓮具,就放在title標(biāo)簽下 ?荧飞; ?如果有style,則放在style下面搭综。

還可以放在body標(biāo)簽上(現(xiàn)在學(xué)習(xí)階段暫時(shí)不要放在這里)

alert("這是我人生中的第一個(gè)javscript程序垢箕,有點(diǎn)期待!")

效果:頁面上彈出一個(gè)提示框兑巾,提示信息從alert后面的引號(hào)中的文字來的?

注意:如果頁面上出現(xiàn)彈出框以后条获,頁面的位置不能改變,并且不能關(guān)閉蒋歌。(其實(shí)這時(shí)候?yàn)g覽器的進(jìn)程已經(jīng)被暫停了)/(比如上圖的彈出框)


語法規(guī)則:

javascript與html帅掘、css一樣,對(duì)空格堂油、換行修档,以及縮進(jìn)是不敏感的。

規(guī)范:將來在寫代碼的時(shí)候府框,一定要所有的代碼都放在script標(biāo)簽中吱窝,將且代碼最好有一個(gè)縮進(jìn)。(代碼要結(jié)構(gòu)明確,可讀性)

javascript代碼雖然對(duì)空格院峡,換行兴使,縮進(jìn)不敏感,但是在寫的時(shí)候一定要注意規(guī)范照激。

寫代碼的時(shí)候发魄,即加上空格也加上換行,使代碼的格式更加規(guī)范俩垃,可讀性更加強(qiáng)


第一個(gè):alert(); ? 在頁面上彈出一個(gè)提示框

這樣寫頁面報(bào)錯(cuò)了励幼,就是因?yàn)槲覀兊拇a可以在結(jié)束部分不加分號(hào),但是一定要加換行口柳,如果加了分號(hào)苹粟,可以不換行。

javascript執(zhí)行順序:

從上到下啄清,從左到右六水。

javascript注釋:

// ? 注釋一行代碼

/**/ ? 注釋多行代碼


開發(fā)人員工具的使用:

第二個(gè):console.log(); ? ?在控制臺(tái)中輸出內(nèi)容(在代碼調(diào)試的時(shí)候使用的比較多)

右鍵俺孙,審查元素辣卒,打開開發(fā)人員工具,如果頁面上有錯(cuò)誤就會(huì)顯示紅叉睛榄。點(diǎn)擊tab選項(xiàng)中的最后一個(gè)tab,console荣茫,可以找出這個(gè)錯(cuò)誤來。

點(diǎn)擊tab選項(xiàng)中的最后一個(gè)tab,console场靴,可以找出這個(gè)具體的錯(cuò)誤來啡莉,從而可以排除錯(cuò)誤

注意最后面的數(shù)字:8

點(diǎn)擊這個(gè)錯(cuò)誤,進(jìn)入soerces旨剥,就可以看到第8行有錯(cuò)誤咧欣,開發(fā)人員可以針對(duì)性修改。


console.log("這是我人生中的第二個(gè)javscript")

在瀏覽器的控制臺(tái)中輸出一句話轨帜。

作用:用來進(jìn)行代碼的調(diào)試魄咕。

應(yīng)用:比如下圖的百度招聘信息


第三個(gè):prompt(); ?輸入框,可以用來接收用戶輸入的內(nèi)容

prompt("請(qǐng)輸入您的銀行卡密碼0龈浮哮兰!")

彈出一個(gè)輸入框,給用戶提供輸入信息位置苟弛。


直接量:

如果頁面上直接使用紅色框中的數(shù)據(jù)喝滞,那么這些內(nèi)容叫做直接量。(下圖)

這三個(gè)都可以輸出膏秫,正常

數(shù)據(jù)類型:

問題:為什么369沒有加引號(hào)右遭,可以輸出成功,而abc沒有加引號(hào),結(jié)果輸出失敗了窘哈?(沒有加引號(hào)的數(shù)字也能輸出言蛇,是因?yàn)樗菙?shù)值類型,往下看有介紹)

問題:為什么369沒有加引號(hào)宵距,可以輸出成功腊尚,而abc沒有加引號(hào),結(jié)果輸出失敗了满哪?

字符串:

英文是:string

特點(diǎn):用引號(hào)引起來的文本的串婿斥。

注意1:這個(gè)引號(hào)可以是單引號(hào),也可以是雙引號(hào)哨鸭。

我們平常說的話都可以理解為是字符串民宿。

注意2:如果要在字符串輸出引號(hào),可以將字符串的引號(hào)改變成單引號(hào)像鸡;


轉(zhuǎn)譯符:

常用的轉(zhuǎn)譯符有:

單引號(hào):? \' ? ? ? ? ?雙引號(hào):? \"

換行: ? \n

縮進(jìn): ? \t

空格: ? \b

回車: ? \r

斜杠: ? \\

注意注意:轉(zhuǎn)譯符的斜杠是這樣的 \ 活鹰,而 / 這個(gè)斜杠只是普通的文本。


數(shù)值類型:

英文名:number

比如:整數(shù)只估,小數(shù)志群。

特點(diǎn):表達(dá)的事一種數(shù)據(jù)的量。

表現(xiàn)形式:123,1,0蛔钙,-1,2

不用引號(hào)也可以輸出

NaN:(not a number):非數(shù)字锌云,作用:用來表示數(shù)值的一種不正常的狀態(tài)(當(dāng)計(jì)算發(fā)生錯(cuò)誤的時(shí)候的狀態(tài))。 ? ?(具體在下面運(yùn)算符演示)


加號(hào)的作用:

兩個(gè)字符串用加號(hào)連接吁脱,起到的作用是連接這兩個(gè)字符串桑涎。

兩個(gè)數(shù)值用加號(hào)連接,加號(hào)起到的作用是運(yùn)算符的作用兼贡。

加號(hào)連接的兩個(gè)直接量中有一個(gè)是字符串攻冷,加號(hào)的作用是連接。


加插:


判斷數(shù)據(jù)類型:

typeof:判斷數(shù)據(jù)類型遍希。

用法1:typeof(直接量/變量)

用法2:typeof 直接量/變量 ? ? ? 相對(duì)于用法1是少了括號(hào)


變量:

變量:是用來存儲(chǔ)數(shù)據(jù)的(就是儲(chǔ)存數(shù)據(jù)的一塊內(nèi)存) ? / ? ? ?內(nèi)存是電腦的一個(gè)儲(chǔ)存位置(斷電以后會(huì)清空)

使用瀏覽器輸出我們自己輸入的內(nèi)容:

輸入文字后等曼,點(diǎn)擊確定后,把這內(nèi)容存儲(chǔ)在變量里面

聲明變量:

var a; ? ? ? ? ? ?(var為聲明變量的關(guān)鍵字孵班,a為變量名)

給變量賦值:= 等號(hào)

a="123"; ? ? ?(等號(hào)為賦值運(yùn)算符

注意:賦值運(yùn)算符起到的作用是將等號(hào)右邊結(jié)果賦值給等號(hào)左邊的變量涉兽。

有疑問:為啥最后一項(xiàng)a+b+c結(jié)果不是123702

變量名的注意點(diǎn):

1、變量名只能由英文字母篙程,數(shù)字枷畏,下劃線以及$符號(hào)組成,并且數(shù)字不能放在名稱開頭虱饿。 (如果名稱帶有下劃線拥诡,那么后面就算直接跟數(shù)字也是可以的)

2触趴、變量的命名不能使用javascript中的關(guān)鍵字和保留字。(比如 : var var = 123;) ? ??(關(guān)鍵字:已經(jīng)被javascript內(nèi)部使用過的渴肉。/ ? 保留字:還沒有被javascript內(nèi)部使用冗懦,但是可能有一天會(huì)被使用到的。)

3仇祭、區(qū)分大小寫 (比如abc和ABC是不一樣的)


變量的類型:

這個(gè)變量中儲(chǔ)存的是什么樣的數(shù)據(jù)披蕉,那么這個(gè)變量就是什么樣的類型。? (儲(chǔ)的是string乌奇,變量就是string没讲,儲(chǔ)的是number,變量就是number)

變量之間的互相賦值以及變量可以和直接量一起輸出礁苗。


前面學(xué)了:string類型爬凑,number類型。下面還有其他類型:

boolean類型:

這個(gè)只有兩種取值:true(對(duì)) 和 false(錯(cuò)) 试伙。

作用:用于判斷條件的結(jié)果嘁信。


nudefined:

如果一個(gè)變量聲明了但是沒有賦值它的結(jié)果就是nudefined。 (nudefined在頁面上是不會(huì)報(bào)錯(cuò)的疏叨。)

在一些情況下它會(huì)報(bào)錯(cuò):is not defind


運(yùn)算符:

1潘靖、加號(hào):+ ? ??

如果加號(hào)兩邊都是字符串,那么加號(hào)的作用是連接考廉。

如果加號(hào)的兩邊都是數(shù)值秘豹,那么加號(hào)的作用是相加。

如果加號(hào)一邊是字符串昌粤,那么加號(hào)的作用是連接。

2啄刹、減號(hào):-

就是兩個(gè)數(shù)值之間的運(yùn)算涮坐。

NaN:(not a number):非數(shù)字,作用:用來表示數(shù)值的一種不正常的狀態(tài)誓军。? ? (一般情況下會(huì)在計(jì)算出現(xiàn)錯(cuò)誤的時(shí)候出現(xiàn)袱讹。)

判斷當(dāng)前的數(shù)據(jù)是否是NaN的關(guān)鍵字:IsNaN (是一個(gè)非數(shù)字)

如果結(jié)果是非數(shù)字:結(jié)果是: ?true

如果結(jié)果是數(shù)字:結(jié)果是: ?falsse

3、乘法:*

就是兩個(gè)數(shù)值之間相乘昵时。

4捷雕、除法:/

就是兩個(gè)數(shù)值之間相除。

5壹甥、取余(取模):%

就是兩個(gè)數(shù)值之間的操作救巷。

個(gè)人理解是:比如12/5不是整數(shù),但是(12-2)/5可以整除句柠,(10-1)/3可以整除浦译,減去的數(shù)就是輸出的結(jié)果棒假,不知有沒有錯(cuò),有錯(cuò)就日后再改精盅!

6帽哑、括號(hào):()

改變運(yùn)算符的優(yōu)先級(jí)。


復(fù)雜運(yùn)算:

math對(duì)象:

注意大小寫區(qū)別

作業(yè):

結(jié)果未得到指點(diǎn)是否正確














JS作用

驗(yàn)證表單(以前的網(wǎng)速慢)

頁面特效(PC端的網(wǎng)頁效果)

移動(dòng)端(移動(dòng)web和app)

異步和服務(wù)器交互(AJAX)

服務(wù)端開發(fā)(nodejs)

瀏覽器工作原理

User Interface ?:用戶界面叹俏,我們所看到的瀏覽器

Browser engine ?:瀏覽器引擎妻枕,用來查詢和操作渲染引擎

Rendering engine? :渲染引擎,用來顯示請(qǐng)求的內(nèi)容粘驰,負(fù)責(zé)解析 HTML佳头、CSS

Networking ?:網(wǎng)絡(luò),負(fù)責(zé)發(fā)送網(wǎng)絡(luò)請(qǐng)求

JavaScript Interpreter ?: (解析者)JavaScript解析器晴氨,負(fù)責(zé)執(zhí)行JavaScript的代碼

UI Backend ?:UI后端康嘉,用來繪制類似組合框和彈出窗口

Data Persistence ?:(持久化)數(shù)據(jù)持久化,數(shù)據(jù)儲(chǔ)存 cookie籽前、HTML5中的sessionStorage

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末亭珍,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子枝哄,更是在濱河造成了極大的恐慌肄梨,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挠锥,死亡現(xiàn)場(chǎng)離奇詭異众羡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蓖租,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門粱侣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蓖宦,你說我怎么就攤上這事齐婴。” “怎么了稠茂?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵柠偶,是天一觀的道長。 經(jīng)常有香客問我睬关,道長诱担,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任电爹,我火速辦了婚禮蔫仙,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘藐不。我一直安慰自己匀哄,他們只是感情好秦效,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著涎嚼,像睡著了一般阱州。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上法梯,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天苔货,我揣著相機(jī)與錄音,去河邊找鬼立哑。 笑死夜惭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的铛绰。 我是一名探鬼主播诈茧,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼捂掰!你這毒婦竟也來了敢会?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤这嚣,失蹤者是張志新(化名)和其女友劉穎鸥昏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體姐帚,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡吏垮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了罐旗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片膳汪。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖尤莺,靈堂內(nèi)的尸體忽然破棺而出旅敷,到底是詐尸還是另有隱情,我是刑警寧澤颤霎,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站涂滴,受9級(jí)特大地震影響友酱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜柔纵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一缔杉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧搁料,春花似錦或详、人聲如沸系羞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽椒振。三九已至,卻和暖如春梧乘,著一層夾襖步出監(jiān)牢的瞬間澎迎,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來泰國打工选调, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留夹供,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓仁堪,卻偏偏與公主長得像哮洽,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子弦聂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • FreeCodeCamp - Basic JavaScript 寫在前面: 我曾經(jīng)在進(jìn)谷前刷過這一套題鸟辅,不過當(dāng)時(shí)只...
    付林恒閱讀 16,445評(píng)論 5 28
  • 第1章 JavaScript 簡介 JavaScript 具備與瀏覽器窗口及其內(nèi)容等幾乎所有方面交互的能力。 歐洲...
    力氣強(qiáng)閱讀 1,134評(píng)論 0 0
  • Comment your JavaScript Code JavaScript中的注釋方式有以下兩種: 使用 //...
    歸云丶閱讀 1,103評(píng)論 0 0
  • 到了十月還是夏天的尾巴横浑,而南區(qū)的秋天是很短暫的剔桨。這個(gè)季節(jié)沒有雨水,風(fēng)不像暑假的時(shí)候凝滯徙融,躲在蔭影里洒缀。開始勇敢地從枝...
    馮識(shí)侜閱讀 707評(píng)論 0 5
  • 昨夜,秋風(fēng)初起 我把溫柔的眼眸欺冀,投射給了窗外的風(fēng)景 隔窗的燈火树绩,像極了深情的守望 朦朧中,暖了夜的涼 楓葉飄零隐轩,留...
    憶清歡閱讀 260評(píng)論 24 16