JS一周總結(jié)(NO.1)

開篇: 這一整周學(xué)了JS的基礎(chǔ)部分扛芽,一開始懷著輕松加愉快的的想法元潘,認(rèn)為JS這么簡單的東西還不好學(xué)嗎殿如,畢竟我是學(xué)過C++馁菜、Java茴扁、Android的男人(雖然都只是學(xué)了些皮毛而已==)!然而汪疮,隨著老師的講解峭火,還是受益匪淺盎傧啊!學(xué)過C++還是有用的啊卖丸,雖然大部分的東西都已經(jīng)原封不動的還給大學(xué)老師啦7那摇(大學(xué)老師吐血中)O(∩_∩)O哈哈哈~下面就來聽我娓娓道來!(小板凳稍浆!小板凳T芈怠!P品恪)


section 1: 文本的輸出
???文本的輸出有三種方式嫁艇,分別為document.write() 、console.log()和alert()弦撩。原來在js里面還可以用文本的輸出直接打印出html代碼啊裳仆,當(dāng)然只有document可以,真是活久見肮虑铡!

  <script type="text/javascript">
    document.write("<div id='box'></div>");
    // 他們兩個將標(biāo)簽以字符串輸出出來
    console.log("<div id='box'></div>");
    alert("<div id='box'></div>");
</script>

然后在頁面中就出現(xiàn)了一個div塊4客琛F巍!Amazing


圖片1.png

section 2: JS中數(shù)據(jù)類型
????基本的數(shù)據(jù)類型有Number觉鼻、String俊扭、Boolean、undefined和null坠陈。令我萬萬沒想到的是Number類型里面竟然竟然包含了浮點型(float)和整型(int)萨惑,(明明在C++里面不是這樣的好嗎,人家是兩個不同的數(shù)據(jù)類型好嗎仇矾?反過來一想庸蔼,js是一門弱類型語言好吧!弱……)贮匕。
????就簡單的了解下undefined吧姐仅。如果我們使用一個未定義的值或者定義了一個變量卻沒有給變量賦初始值,那么就會得到undefined刻盐!就是這樣掏膏,so easy!(媽媽再也……)


section 3: JS中標(biāo)識符
????記得大一學(xué)C++的時候敦锌,考試經(jīng)常會考到標(biāo)識符馒疹,總是記得那條,忘了這條吧乙墙!于是整個人都是不好了颖变。于是生均,
標(biāo)識符:
1.有字母、數(shù)字悼做、下劃線和$組成的
2.不能以數(shù)字開頭
3.不能是JS的關(guān)鍵字和保留字


section 4: 兩個獨特的類型Infinity與NaN
????Infinity:表示數(shù)據(jù)超過js可以表示的范圍疯特,但是他的數(shù)據(jù)類型仍然是Num。我們可以把它看成是數(shù)學(xué)里面的無窮大的數(shù)吧肛走!簡單來說:就是無窮加無窮得無窮漓雅;無窮減無窮卻的出一種新的數(shù)據(jù),他就是NaN朽色。


NaN:大家都知道無窮之間不能相減邻吞,這就是計算上的錯誤。所以當(dāng)運(yùn)算符錯誤的時候就會得到NaN葫男,而且抱冷,如果用NaN去加減一個正常的數(shù)時,它會使整個結(jié)果也變成NaN梢褐。這樣就可以把NaN理解成一個喪尸旺遮,一旦碰見正常人(Num),經(jīng)過一番直達(dá)心靈的接觸盈咳,然后都變成喪尸了耿眉。這就是NaN(喪尸)的特性:連帶性、傳染性吧鱼响。


section 5: 自增自減運(yùn)算符和表達(dá)式

  1. 變量++:例如(a++)鸣剪,這個就是表示先取值再加一,就像b = a++丈积;就是先將a的值賦給變量b筐骇,然后a的值再加1,我想或許是a離b比較近江滨,所以a就“愛上”了b,然后a就把自己全部都奉獻(xiàn)給了b铛纬,最后再來加一。
  2. ++變量:例如(++a)唬滑,這表示先加1再取值饺鹃,如b =++a,先將a的值加1间雀,然后把a(bǔ)的值賦給了b悔详。對于這個我是這樣理解的,因為a距離b比較遠(yuǎn)惹挟,然后a這個人比較自戀茄螃,于是它就先自增1。機(jī)緣巧合下连锯,認(rèn)識了b归苍,然后兩個人就……
    舉例說明:
      var a = 1;
      var b;
      b = a++ + ++a + ++a + a++ - a--;
      document.write(a);
      document.write(b);
  這段代碼就是先將a賦值為1用狱,通過不斷的a++ 和 ++a 給b 進(jìn)行賦值。對于b的整個賦值過程拼弃,我們可以分成a的狀態(tài)值和算式的計算值夏伊。
  首先,對于a++吻氧,這里的計算值就是1溺忧,而a的狀態(tài)值就是2了;對于++a盯孙,計算值為3鲁森,其狀態(tài)值也為3;第二個++a振惰,計算值為4歌溉,狀態(tài)值也為4;a++中骑晶,計算值為4痛垛,狀態(tài)值為5;a--中桶蛔,計算值為5匙头,狀態(tài)值為4;通過計算它們的計算值羽圃,便可得到b的值啦!四不四很簡單呢抖剿,只要明白它們的狀態(tài)值和計算值朽寞,像做這些題目簡直是輕松加愉快啊U独伞脑融!摸摸噠!

section 6: 關(guān)系運(yùn)算符中== 與 ===
??? 雖然這兩個基友長得很相似缩宜,但是它們之間的意義卻完全幣一樣肘迎!

 var num = 1;
 var str = "1";
 console.log(num == str);
 console.log(num === str);
  這里分別定義了兩個不同類型的1,一個代表了數(shù)字型的1锻煌,另一個則代表了字符串的1妓布,下面則輸出打印。第一個不出意料地打印了true宋梧,第二個竟然打印出了false匣沼;這是弄啥嘞!(黑人臉?_?)
  原來捂龄,第一個只要數(shù)據(jù)等于即可释涛,兩個同為1加叁;但是要===(學(xué)名:恒等于)成立的話,就一定要性別和年齡都要相符(也就是數(shù)據(jù)和類型)唇撬,這樣才有共同語言嘛它匕,共同生活嘛,才能輸出true嘛窖认!

section 7: 邏輯運(yùn)算符
邏輯與豫柬、非、或耀态、運(yùn)算符:&&轮傍、!、 II
關(guān)于這里首装,&&和| |重點記住他們的惰性原則也稱短路原則(此短路非彼短路创夜,并不是腦子短路了),這里的短路與高中電路上的斷路非常相似吧仙逻!
含義:從左至右依次計算表達(dá)式的值驰吓,直到遇到一個表達(dá)式的值為假(真)則停止計算,因此此時我們已經(jīng)知道邏輯與運(yùn)算表達(dá)式的值為假(真)了系奉。
是不是和高中的電路很相似呢檬贰!只要電路發(fā)生斷路了,整個電路都不通了缺亮,斷路后面的電路就全部癱瘓了N痰印(想念高中的物理啊萌踱!想當(dāng)初物理還考過第一咧(__) 嘻嘻……謙虛臉)


section N: 魚的記憶

  1. 將其他基本類型轉(zhuǎn)換成String類型
    (1)最經(jīng)典:" "+num
    你沒看錯葵礼,就是空字符串加num型(你要轉(zhuǎn)換的類型),就可以把num型就轉(zhuǎn)換成字符型了并鸵。神奇鸳粉!
    (2)最常規(guī):num.toString()
  2. prompt()
    這個就是從外部輸入數(shù)據(jù),通過它來接收啦园担。
    不過要注意届谈,它默認(rèn)傳遞過來的就是字符串類型的數(shù)據(jù)
  3. 三目運(yùn)算符
    三目弯汰?艰山??難道是三目童子咏闪?不是8迨J郎薄韧拒!這里說的是運(yùn)算符皮官。
    運(yùn)算表達(dá)式:表達(dá)式 ? 表達(dá)式1 : 表達(dá)式2
    這個在一定情況下,可以看成是if語句的縮寫,省略不少代碼咧,機(jī)智BOY稳诚!
  4. break 語句
    break專門用來跳出switch語句和循環(huán)語句的,后面的代碼不會執(zhí)行瀑踢,只跳出距離它最近的那一層循環(huán)或switch扳还。
  5. continue語句
    continue:用來跳過本次循環(huán)繼續(xù)下次循環(huán)的,也就是代碼執(zhí)行到continue語句時橱夭,它并不會執(zhí)行continue之后的語句氨距,而是重新開始下一次循環(huán)。

本周總結(jié):邏輯思維(我真的不是來打廣告的<印G稳谩!)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末茬暇,一起剝皮案震驚了整個濱河市首昔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌糙俗,老刑警劉巖勒奇,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異巧骚,居然都是意外死亡赊颠,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門劈彪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來竣蹦,“玉大人,你說我怎么就攤上這事粉臊〔萏恚” “怎么了驶兜?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵扼仲,是天一觀的道長。 經(jīng)常有香客問我抄淑,道長屠凶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任肆资,我火速辦了婚禮矗愧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己唉韭,他們只是感情好夜涕,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著属愤,像睡著了一般女器。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上住诸,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天驾胆,我揣著相機(jī)與錄音,去河邊找鬼贱呐。 笑死丧诺,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的奄薇。 我是一名探鬼主播驳阎,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼惕艳!你這毒婦竟也來了搞隐?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤远搪,失蹤者是張志新(化名)和其女友劉穎劣纲,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谁鳍,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡癞季,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了倘潜。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绷柒。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖涮因,靈堂內(nèi)的尸體忽然破棺而出废睦,到底是詐尸還是另有隱情,我是刑警寧澤养泡,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布嗜湃,位于F島的核電站,受9級特大地震影響澜掩,放射性物質(zhì)發(fā)生泄漏购披。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一肩榕、第九天 我趴在偏房一處隱蔽的房頂上張望刚陡。 院中可真熱鬧,春花似錦、人聲如沸筐乳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蝙云。三九已至挺份,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間贮懈,已是汗流浹背匀泊。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留朵你,地道東北人各聘。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像抡医,于是被迫代替她去往敵國和親躲因。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

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