js基礎(chǔ)

一.js基礎(chǔ)

1.注釋(和c語(yǔ)言一樣)

單行注釋 //
多行注釋 /* 內(nèi)容 */

2.標(biāo)識(shí)符

標(biāo)識(shí)符就是 用來(lái)命名的(給變量命名,函數(shù)命名,對(duì)象命名)
js中要求標(biāo)識(shí)符是由字符、數(shù)字、下劃線和組成,數(shù)字不能開(kāi)頭 js中大小寫(xiě)敏感 var abc abc12

console.log(abc) -->在控制臺(tái)打印括號(hào)中的內(nèi)容

3.常用數(shù)字類(lèi)型

數(shù)字類(lèi)型(Number)、布兒(Boolean)、字符串(String)、數(shù)組(Array)、對(duì)象(Object)、function(函數(shù))等
數(shù)字類(lèi)型(Namber):包含所有的數(shù)字(整數(shù)和小數(shù))、支持科學(xué)計(jì)數(shù)法,不支持復(fù)數(shù)


image.png

布爾(Boolean):true和false


字符串(String):用單引號(hào)或者雙引號(hào)括起來(lái)


image.png

數(shù)組(Array):相當(dāng)于python中列表


image.png

對(duì)象(Object):python中對(duì)象和字典的結(jié)合


image.png

Function(函數(shù)):相當(dāng)于python中的函數(shù)


image.png

typeof(數(shù)據(jù)) - 獲取數(shù)據(jù)類(lèi)型


image.png

new類(lèi)型名(數(shù)據(jù)) - 將數(shù)據(jù)轉(zhuǎn)換成指定類(lèi)型


image.png

常用的特殊值:undefined(相當(dāng)于python中的None),null(一般用來(lái)清空變量)

4.格式:js沒(méi)有縮進(jìn)

二.變量

語(yǔ)法:
var 變量命
變量命 = 值
說(shuō)明:
var - 是js關(guān)鍵字,聲明變量變量的時(shí)候用,var可以省略,省略的時(shí)候變量命后面必須賦值。
不省略的時(shí)候變量命后面可以賦值,也可以不用賦值,不賦值的有時(shí)候默認(rèn)為underfind
變量命 - 不能是關(guān)鍵字,駝峰式命名

聲明一個(gè)變量


image.png

同時(shí)聲明多個(gè)變量命


image.png

變量中的值,可以賦其他任何類(lèi)型的值


image.png

三.元算符

js中支持:數(shù)學(xué)運(yùn)算符,比較運(yùn)算符,邏輯運(yùn)算符,賦值運(yùn)算符,位運(yùn)算符

1.數(shù)學(xué)運(yùn)算符:=,-,/,%,*(js7),++,--

=,-,,/,%,*和python中一樣,但是不支持整除(//)

image.png

++(自加1),--(自減1)
變量++,++變量 ,變量--,--變量(注意:變量必須要有值)
注意賦值的時(shí)候,++和--寫(xiě)在變量的前面和后面對(duì)應(yīng)的效果不一樣

image.png

比較運(yùn)算:>,<,<=,>=,!=,===,!==,<==,>==
比較運(yùn)算返回值都是布爾值
==(相等):判斷值是否相等
===(完全相等):判斷值和類(lèi)型是否相等


image.png

3.邏輯運(yùn)算符

&&(與),||(或)、!(非)
運(yùn)算規(guī)則和python中and,or,not一摸一樣

4.賦值運(yùn)算符

賦值運(yùn)算符:=,+=,-=,*=,/=,%=
和python一樣

5.位運(yùn)算符:&,|,^,~,>>,<<

 和python一樣

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

js中有兩個(gè)分支結(jié)構(gòu),分別是if和switch語(yǔ)句

1.if語(yǔ)句

結(jié)構(gòu):
if(條件語(yǔ)句){
代碼段
}
說(shuō)明:
if -- 是關(guān)鍵字
(){} -- 固定寫(xiě)法
執(zhí)行過(guò)程:判斷條件語(yǔ)句是否為true,為true就執(zhí)行{}中代碼(不管縮進(jìn)問(wèn)題)


image.png

if-else結(jié)構(gòu):
if (條件語(yǔ)句){
代碼段1
}else{
代碼段2
}


image.png

image.png

2.switch語(yǔ)句

結(jié)構(gòu)
switch(變量/表達(dá)式){
case 值1:{
代碼段1
}case 值2:{
代碼段2
}case 值3:{

       代碼段3
   }
   ....
   default:{
       代碼段4
   }
   }

    執(zhí)行過(guò)程:先計(jì)算表達(dá)式的值,然后從上往下一一和case后面的值進(jìn)行比較,找到第一個(gè)表達(dá)式相等的case;
        然后將這個(gè)case作為值,依次執(zhí)行后邊的所有代碼段,知道執(zhí)行完或者遇到break為止
        如果沒(méi)有那個(gè)case的值和表達(dá)式一樣,就執(zhí)行default后面代碼段
image.png

練習(xí);從服務(wù)器獲取到的星期對(duì)應(yīng)的值是0-6,在程序中對(duì)應(yīng)打印其對(duì)應(yīng)的星期值;周一到周天


image.png

練習(xí):將一個(gè)變量存成績(jī)點(diǎn)(整數(shù)0-5),0:不及格,1-3:及格,4-5:優(yōu)秀


image.png

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

js中的循環(huán)有for

1.for循環(huán)

a.for-in:和python的for循環(huán)的執(zhí)行過(guò)程一樣
 /* for (變量 in 序列){
    
    循環(huán)體
}
注意:取出來(lái)的是元素的下標(biāo)
image.png

c的for循環(huán)結(jié)構(gòu):
for(語(yǔ)句1;表達(dá)式2;語(yǔ)句3){
循環(huán)體
}
執(zhí)行過(guò)程:先執(zhí)行語(yǔ)句1,然后再判斷表達(dá)式2的結(jié)果是否為true,為true就執(zhí)行循環(huán)體,執(zhí)行完循環(huán)體再執(zhí)行語(yǔ)句3
再判斷表達(dá)式2的結(jié)果是否為true,為true就執(zhí)行循環(huán)體,執(zhí)行完循環(huán)體再執(zhí)行語(yǔ)句3
依次類(lèi)推,直到表達(dá)式2的結(jié)果為false,整個(gè)循環(huán)就結(jié)束
z指導(dǎo)思想:語(yǔ)句1 - 里面寫(xiě)循環(huán)開(kāi)始前的準(zhǔn)備工作
表達(dá)式2 - 控制循環(huán)次數(shù)的
語(yǔ)句3 - 改變循環(huán)次數(shù)


image.png

死循環(huán) -- for(;true;){}

2.while循環(huán)

a.while循環(huán):和python的while循環(huán)一樣
while(條件語(yǔ)句){
循環(huán)體
}
b. do-while
do{
循環(huán)體
}while(條件語(yǔ)句)
執(zhí)行過(guò)程:先執(zhí)行循環(huán)體,然后在判斷條件語(yǔ)句是否為true;
為true執(zhí)行循環(huán)體,執(zhí)行完有判斷條件語(yǔ)句是否為true;
依次類(lèi)推,指導(dǎo)條件語(yǔ)句的結(jié)果為false,循環(huán)就結(jié)束

3.break和continue

 和python一樣

六.函數(shù)

函數(shù)分為聲明和調(diào)用,聲明的時(shí)候不會(huì)執(zhí)行函數(shù)體,只有調(diào)用的時(shí)候才會(huì)執(zhí)行函數(shù)體

1.函數(shù)的聲明

和python相同的聲明方式
function 函數(shù)名 (參數(shù)列表){
函數(shù)體
return 返回值
}

說(shuō)明:
function - 聲明函數(shù)的關(guān)鍵字
函數(shù)名 -- 駝峰式命名,見(jiàn)名知義
參數(shù)列表 -- 參數(shù)如果沒(méi)有設(shè)置默認(rèn)值,相當(dāng)于設(shè)置默認(rèn)值underfined
返回值 -- 沒(méi)有return就返回underfined

以聲明變量的形式聲明變量
函數(shù)名 = function (參數(shù)列表){
函數(shù)體
return 返回值
}

image.png

2.函數(shù)的調(diào)用

函數(shù)名 (實(shí)參列表)
調(diào)用函數(shù)的時(shí)候,保證每個(gè)參數(shù)都有值
只能通過(guò)位置參數(shù)傳參

七.數(shù)據(jù)類(lèi)型

1.字符串:?jiǎn)我?hào)或者雙引號(hào)擴(kuò)起來(lái)

a.轉(zhuǎn)義字符:和python一樣
b.字符串長(zhǎng)度:字符串.length
c.獲取單個(gè)字符:字符串[下標(biāo)]
注意:下標(biāo)取值范圍0~長(zhǎng)度-1,超出范圍取到的是underfined


image.png

相關(guān)運(yùn)算
'+' - 將兩個(gè)字符串拼接在一起產(chǎn)生一個(gè)新的字符
// (注意:如果是一個(gè)字符串加上其他數(shù)據(jù),會(huì)將這個(gè)數(shù)據(jù)先轉(zhuǎn)換字符串再相加)
// js不支持乘法*運(yùn)算
// js支持比較運(yùn)算(>,<,==,!=,===,!==) 和python一樣,還是比較字符編碼值的大小


image.png

相關(guān)方法(看菜鳥(niǎo)的表)
match(正則表達(dá)式)--根據(jù)正則表達(dá)式匹配結(jié)果
js中的正則表達(dá)式是寫(xiě)在//之間的


image.png

八.數(shù)組

數(shù)組就是python中的列表

1.數(shù)組是有序的,可變的,里面的元素可以是任何數(shù)據(jù)類(lèi)型

2.數(shù)組的增刪改查

a.查(獲取數(shù)組中的下標(biāo))
數(shù)組[]


image.png

獲取數(shù)組的長(zhǎng)度


image.png

b.增(添加元素)
數(shù)組.push(元素) -- 將元素添加到數(shù)組的最后


image.png

c.刪(刪除元素)
數(shù)組.pop() --- 刪除最后一個(gè)元素


image.png

九.對(duì)象

js中沒(méi)有python的類(lèi),只有對(duì)象和構(gòu)造方法

1.對(duì)象的字面量

對(duì)象 = {屬性名:屬性值,屬性名1:屬性值2....}


s

2.使用對(duì)象屬性

對(duì)象.[屬性名]
對(duì)象.屬性


image.png

3.構(gòu)造方法

function 類(lèi)名(參數(shù)列表){
this.屬性1 = 屬性值1
this 屬性2 = 屬性值2

        ....
        return this   這句話必須寫(xiě)
}

這兒的this類(lèi)似python的self,表示當(dāng)前對(duì)象
image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第2章 基本語(yǔ)法 2.1 概述 基本句法和變量 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,567評(píng)論 0 13
  • 一、Python簡(jiǎn)介和環(huán)境搭建以及pip的安裝 4課時(shí)實(shí)驗(yàn)課主要內(nèi)容 【Python簡(jiǎn)介】: Python 是一個(gè)...
    _小老虎_閱讀 6,338評(píng)論 0 10
  • 01.js基礎(chǔ)語(yǔ)法 02.變量的聲明 03.運(yùn)算符 04.分之結(jié)構(gòu) 05.循環(huán)結(jié)構(gòu) 06.函數(shù) 07.數(shù)據(jù)類(lèi)型 0...
    zhazhaK丶閱讀 660評(píng)論 0 1
  • 1 這是個(gè)道聽(tīng)途說(shuō)的故事。 2006年,22歲的她在濟(jì)南坐上開(kāi)往北京的列車(chē)。新聞專(zhuān)業(yè)大學(xué)畢業(yè),她和無(wú)數(shù)人一樣,急匆...
    逗號(hào)commas閱讀 1,953評(píng)論 2 4
  • 簡(jiǎn)書(shū)再慢慢拾起那些當(dāng)下丟失的美好情懷,而去實(shí)現(xiàn)這個(gè)浩大的工程極具意義與價(jià)值,我當(dāng)堅(jiān)定不移的為文化事業(yè)奮斗,此乃人生...
    文字_運(yùn)動(dòng)_創(chuàng)造閱讀 257評(píng)論 0 4

友情鏈接更多精彩內(nèi)容