2018-09-21 day24-js基礎(chǔ)(含作業(yè))

1.js

1.js是javascript的縮寫,是一門專門用來控制網(wǎng)頁內(nèi)容的行為的腳本語言。

2.如何寫

1.寫在標簽內(nèi)部(寫在變遷的行為相關(guān)的屬性中赫粥,比如按鈕的onclicked)
<button onclick="window.alert('hello word')">按鈕</button>
<input type="text" onfocus="window.alert('xxx')" />

2.寫在script標簽中,script可以放在html中的任何位置
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript">點我</script>
    </head>

3.寫在一個js文件中观话,通過src導入。
<script type="text/javascript" src=""></script>

3.做什么

a.js可以在網(wǎng)頁中插入html代碼
b.可以修改標簽的內(nèi)容
c.可以修改標簽的樣式

2.js基礎(chǔ)語法

1.注釋 ('//'單行注釋越平,'/* 多行注釋 */')频蛔。

2.標識符:和python類似。

3.基本數(shù)據(jù)類型:Number(數(shù)字-包含所有的數(shù)字)秦叛,Boolean(布爾)晦溪,String(字符串),Array(數(shù)組)挣跋,Object(對象)三圆。。避咆。

注意:js中沒有元組和集合舟肉。
常用的特殊的值:NaN(表示不存在的數(shù)字),
null (空,一般用來清空變量中的內(nèi)容),
undefined(變量沒有賦值的時候,默認是undefined)
console.log() /相當于python中的print()

4.字面量
Number:10 ,12.5,-100,12e2
Boolean:true false
String:"字符串"或者'字符串',支持轉(zhuǎn)義(類似python)
Array:類似python中的list
Object:{a:100,name:'txf'}.類似python中的字典加對象牌借。key相當于屬性度气,value相當于屬性的值
typeof() 查看類型

5.js語句中
a.一條語句結(jié)束后可以寫分號,也可以不寫膨报。如果一行有多個則要寫磷籍。
b.js中沒有縮進語法的要求。需要使用代碼塊的時候使用{}

3.變量

1.變量的聲明

一:
var 變量名   或者
var 變量名 = 初值
'''
1.var:關(guān)鍵字
2.變量名:標識符现柠,不是關(guān)鍵字;駝峰式命名(首字母小寫院领,后面單詞首字母大寫)
3.初值:可有可無
'''
二:
可以同時聲明多個變量
var age ; var name
var age1,name1,stuyId
var age2=10,name2,stuyId

三:
var name = '張三'
name = 100

4.數(shù)學運算符

'''
1.數(shù)學運算符:+,-,*,/,%,**,++,--
注意:
變量 ++ --------> 自加
變量 --  -------> 自減

注意:
賦值的時候,
++寫在變量的后面是先賦值够吩,然后再讓變量的值加1比然,
++寫在變量的前面是先加1,然后再賦值
'''
2.比較運算符:>,<,==,!=,===,<=,>=,!==,>==,<==
注意:
相等 '==':只判斷值是否相等
完全相等'===' :判斷值和類型是否相等

3.邏輯運算符: &&(與) ||(或)  !(非)

4.賦值運算符: =周循,+=强法,-=万俗,*=,/=...和python一樣

5.三目運算符: ?:
表達式1?值1:值2 ------->判斷表達式1的值是否為true,為true運算結(jié)果就是值1饮怯,為false運算結(jié)果就是值2

三個數(shù)取最大值
var a=10,b=20,c=15
var max=(a>b?a:b)>c?(a>b?a:b):c
console.log(max)
js.png

5.分支結(jié)構(gòu)

1.if語句闰歪,switch語句

一
if (條件語句){
      執(zhí)行語句1
            }

二
if (條件語句){
      執(zhí)行語句1
     }else{
      執(zhí)行語句2
            }

三
if(條件語句){
    執(zhí)行語句1
}else-if(條件語句){
      執(zhí)行語句2 
}

if (11%2==0) {
    console.log('是偶數(shù)')
    
} else{
    console.log('是奇數(shù)')
}


if(10%2==0){
    console.log('偶數(shù)')
}else if(10%2==0){
    console.log('奇數(shù)')
}else{
    console.log('不知道')
}
switch (表達式){
    case value:
        代碼段1
        break
    case: value:
        代碼段2
    ...
    default:
        代碼段3    
}
'''
工作原理:首先設(shè)置表達式 n(通常是一個變量)。隨后表達式的值會與結(jié)構(gòu)中的每個 case 的值做比較蓖墅。如果存在匹配库倘,則與該 case 關(guān)聯(lián)的代碼塊會被執(zhí)行。請使用 break 來阻止代碼自動地向下一個 case 運行论矾。

從第一個滿足表達式結(jié)果等于value開始教翩,依次打印后面的,如果沒有找到滿足的條件贪壳,就執(zhí)行default里面的代碼段饱亿。break:跳出循環(huán)。
'''

6.循環(huán)結(jié)構(gòu)

1.for循環(huán)

一
for var 變量 in 序列{
    循環(huán)體
}
'''
原理:依次從序列中取元素對應的索引寥袭,取完為止路捧,每取一個執(zhí)行一次循環(huán)體。

注意:遍歷字符串,取的是字符對應的下標
遍歷數(shù)組传黄,取的是元素對應的下標
遍歷對象杰扫,取得是屬性名(key)
'''
var str='abcd'
for(var i in str){
    console.log(str[i])  // i值是索引的下標
} 
// 'a','b','c','d'
---------------------------------------------------------------------
二
for(表達式1;表達式2;表達式3){
       循環(huán)體
}
'''
執(zhí)行過程:先執(zhí)行表達式1,然后在判讀表達式2的結(jié)果是否為true,如果是就執(zhí)行循環(huán)體膘掰,執(zhí)行完在執(zhí)行表達式3章姓,然后再判斷表達式2的結(jié)果是否為true,如果是就繼續(xù)執(zhí)行识埋,否則結(jié)束凡伊。直到表達式2位false為止。
'''
for (var i=1;i<10;i++) {
    console.log(i)
}  
// 1,2,3,4,5...10
for循環(huán).png

2.while循環(huán)

一
while(條件語句){
      循環(huán)體
}

二
do{
  循環(huán)體
}while(條件語句)
'''
過程:先執(zhí)行一次循環(huán)體窒舟,然后再判斷條件語句是否為true系忙,為true又執(zhí)行循環(huán)體
'''

7.函數(shù)

1.聲明

function 函數(shù)名(參數(shù)列表){
  函數(shù)體   
}

逗號表達式:多個值之間用逗號隔開,整個表達式的結(jié)果是最后那個值.
注意:js中不能同時返回多個值(有元組的語法的語言才支持返回多個值)
function test(){
    return 'abc',1
}

console.log(test())
// 1
'''
js中惠豺,函數(shù)也可以作為變量
'''

2.另一種聲明函數(shù)的方式

var 變量名 = function(參數(shù)列表){
      函數(shù)體
}

var fun1 = function(){
    console.log('哈哈哈')
}
console.log(fun1())
// 哈哈哈 
// undefined (無返回值)

8.數(shù)據(jù)類型

1.數(shù)字類型(Number):所有的數(shù)字對應的類型
var num = new Number() // 0
var num1 = new Number('123') // 123
注意:new 類型名(值)----->可以將其他的類型的數(shù)據(jù)轉(zhuǎn)換成相應的類型

數(shù)字----->布爾: NaN(none)和0是false银还,其他都是true
字符串--->布爾:空串是false,其他是true

總結(jié):所有的為0為空的轉(zhuǎn)換成布爾是false洁墙,NaN蛹疯,null和undefined都是false;其他的都是true
------------------------------------------------------------------------
2.字符串(String):unicode編碼
a.獲取單個字符:通過字符串[下標]
注意:
'''
1.下標:0 ~長度-1 (正)
2.不支持切片
'''
b.長度
字符串.length

c.運算符:比較和+
'''
'+' : 先把兩邊都轉(zhuǎn)換成String類型(如果有不是Sting類的)再相加(拼接)。
'''
----------------------------------------------------------------------
3.數(shù)組(python中的list)
a.有序热监,可變捺弦,元素的類型可以是任意類型的數(shù)據(jù)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子列吼,更是在濱河造成了極大的恐慌幽崩,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寞钥,死亡現(xiàn)場離奇詭異歉铝,居然都是意外死亡,警方通過查閱死者的電腦和手機凑耻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來柠贤,“玉大人香浩,你說我怎么就攤上這事【拭悖” “怎么了邻吭?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長宴霸。 經(jīng)常有香客問我囱晴,道長,這世上最難降的妖魔是什么瓢谢? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任畸写,我火速辦了婚禮,結(jié)果婚禮上氓扛,老公的妹妹穿的比我還像新娘枯芬。我一直安慰自己,他們只是感情好采郎,可當我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布千所。 她就那樣靜靜地躺著,像睡著了一般蒜埋。 火紅的嫁衣襯著肌膚如雪淫痰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天整份,我揣著相機與錄音待错,去河邊找鬼。 笑死皂林,一個胖子當著我的面吹牛朗鸠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播础倍,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼烛占,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起忆家,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤犹菇,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后芽卿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揭芍,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年卸例,在試婚紗的時候發(fā)現(xiàn)自己被綠了称杨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡筷转,死狀恐怖姑原,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情呜舒,我是刑警寧澤锭汛,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站袭蝗,受9級特大地震影響唤殴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜到腥,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一朵逝、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧乡范,春花似錦廉侧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至栈拖,卻和暖如春连舍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涩哟。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工索赏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人贴彼。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓潜腻,卻偏偏與公主長得像,于是被迫代替她去往敵國和親器仗。 傳聞我的和親對象是個殘疾皇子融涣,可洞房花燭夜當晚...
    茶點故事閱讀 44,611評論 2 353

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

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)童番,也就是一...
    悟名先生閱讀 4,145評論 0 13
  • 成功是可以復制的,其實說的就是成功的經(jīng)驗就是可以復制的威鹿。不是有句話說的好嗎剃斧?世間有兩大難事,就是將別人口袋里...
    自由清風616075閱讀 2,043評論 0 0
  • 1 生活里的不可思議比電視還精彩吧 聽了一個故事,頗有感觸科雳,便迫不及待的想要記錄下來根蟹。 大學的時候,一個宿舍6個姑...
    Cherish簡涵閱讀 581評論 0 1