JS課件1

變量:用來記錄字符,數字以及其他東西的而且表示這些東西的東西


變量的使用

1.聲明變量

var a;

2.賦值變量

a=3;

3.使用變量

alert(a);

1聲明變量和賦值變量可以寫在一起,叫做變量的定義

var a = 10;

2.使用變量

alert(2);

2.1通過控制臺打印輸出

console.log(a);

2.2變量定義可以寫在一行

var a = 10, b = 20, c = 30;

3變量命名

1.變量命名:從語法意義上的規范:只能以數字.字符下劃線以及$符號組成,不能以數字開頭,不能喝保留字重名

2.從形式上:變量是一他的實際意思的英文命名,而且采用駝峰命名法,如果一個變量是由有多個單詞組成,那么從第二個單詞的第一個字母要大寫 ?eg:lastName

var a = 10;

var _= 20;

var $ = 30;

var a_3 = 20;

4.變量的類型

4.變量的類型

種類:1.數值 2.字符 3.布爾 4.對象 5.未定義

//數值

var num_1 = 20.1;

var num_2 = 30;

console.log(typeof num_1);

console.log(typeof num_2);

//2.字符:單凡用單引號引起來的都是字符

var sym_1 = '20';

var sym_2 = '30';

console.log(typeof sym_1);

console.log(typeof sym_2);

//3.布爾,就是判斷值,只有兩個值 一個true,一個false

var flag_1 = true;

var flag_2 = false;

console.log(typeof flag_1);

console.log(typeof flag_2);

//4.對象類型

var obj = null;

console.log(typeof obj);

//5.未定義類型:凡是系統無法識別的類型就是未定義類型

var und = undefined;//var und;

console.log(typeof und);

5.運算符的認識

1.運算符:用來連接變量的符號就是運算符

//種類:1.算術運算符 2.關系運算符 3.邏輯運算符

2.提升優先級(用括號)

3.關系運算符(>_<)

3.1關系運算符的結果都是布爾值

? console.log(num1 < num2);

3.2>=滿足其中一個條件即可

3.3等于(==)比較的是值相等,全等(===)比較的是值和類型相等

3.34關系運算符不能連續使用

4.邏輯運算符的認識 &&, ||, !

5.數據類型和布爾值之間的轉化

5.1對于數值類型來說,只有0轉化成布爾是false

5.2對于字符類型:只有空字符是false

5.3對于對象類型如果是空對象,那么他是false

var obj = null;

console.log(Boolean(obj))

5.4未定義類型都是false

6.布爾類型轉化數字

var flag1 = true;

var flag2 = false;

console.log(Number(flag1));

console.log(Number(flag2));

//對于布爾類型轉化成數值,true對應的是1,false是0

7.優先級

算術運算符>關系運算符>邏輯運算符(&&>||)

8.if

if{判斷條件1? }else{? ? };

if{ 判斷條件1? }else i{? ? }else if{? ? }else{? ? };

多重if語句的阻斷現象-----對于多重if語句,阻斷現象:如果一個條件判斷成立,那么后面所有的條件都不會判斷執行;

阻止阻斷現象就是直接去掉else--

-if{? 判斷條件1? }if{? ? }else{? ? };

9.switch語句

switch:switch(變量或者值){case '值1':如果符合值1執行代碼 break; case '值二':如果值二滿足條件就執行代碼;break

//? ? default:如果都不滿足就執行代碼

var weekDay = 0;

switch (weekDay){case 0:alert('星期日');break;

case 1:alert('星期一');break;

default:alert('不是對應的日期');

? ? ?};

10.循環語句

for(初始化條件;終止條件;變化值){每次循環執行的代碼}

for(var i = 0; i <= 100;i ++){ ?console.log(year); ? ?}

//循環的本質:首先根據初始化條件,然后和終止條件判斷,如果符合終止條件,就執行大括號中的代碼,然后根據變化值讓對應的值進行變化,繼續和終止條件判斷,如果符合就繼續執行大括號中的代碼,知道終止條件不滿足,停止循環

10.1嵌套if語句

11.死循環

for(vari =0;true;i++){console.log(i);}//一般實際開發中不能寫死循環

12.while循環

while:while(判斷條件){如果條件成立就執行這里的代碼}

13.函數的認識

1.函數:就是一堆代碼的集合用來說明某一個功能

函數使用 1.定義函數 2.調用函數

1.function 函數名(){

}

調用函數(必須回調)eg:函數名()

2.var 函數名=function(){

}

函數名()

14.函數的參數

函數的參數:根據實際需求可能在函數中使用的變量

//函數參數類型:形式參數簡稱形參:在函數定義的時候放在小括號中的變量就是形式參數

//實際參數:簡稱實參:就是在函數調用的時候傳入的實際的值

function sum(a,b) {//a,b是形參,可以是任何值

alert(a + b);

}

sum(1,2);

15.函數的返回值

15.1使用return可以把函數的值返回

15.2在函數中如果使用了return,會直接結束函數,rerun后面的代碼都不會執行

function sum(a,b) {return? a + b;}

var result = sum(100,100);//2.調用函數

console.log(result);

if(result >100) { ?alert('你們花費太多' ) }else{ ?alert ('大家下年繼續努力花');}

16.函數參數傳遞的時候的一些特點

函數實參可以和形參不一樣,而且可以返回對應的結果,如果實參大于形參,會把對應的多出的參數去掉,顯示最終的結果

function sum(a,b) {

console.log(sum.length);//形參

console.log(arguments.length);//實參

return a + b;

}

var result = sum(5,5,6,7);

console.log(result);

17.變量

變量根據位置的分類

var num1 = 20;

function showMessage() { ?var num1 = 30;?console.log(num1); ?}

console.log(num1);//20

? ?showMessage();//30

變量根據位置的分類:

全局變量:定義在函數外面的變量就是全局變量 ;局部變量:定義在函數內部的變量就是局部變量

//局部變量的作用域:就是只是在函數體的內部起作用

//全局變量:在頁面中都起作用

變量訪問(使用)的原則

:就近原則,就是如果在函數中訪問一個變量,那么會先看函數中有沒有定義這個變量,如果有,就訪問這個這個變量,如果沒有,就去頁面中找,如果頁面中也沒有,就返回沒有定義

變量聲明的提升

如果在函數中訪問了一個在函數訪問之后定義的變量,那么會把這個變量的聲明提升到函數的最前面。

function showM() {

var num;//提升

console.log(num);//undefined; ? var num = 100; //本身 ?console.log(num);//100 ? ? }

showM();

18.常見數學函數的認識

1.轉化整數的函數

注意:parseInt會只是截取整數部分,不管小數是什么,都不用管,而且可以截取數值字符,只是截取數值部分其余不管 ? ?------數值字符第一個字符必須是數字

var num1 = 5.8;

var num2 = parseInt(num1);

console.log(num2);//5

var sym = 'px5';

console.log(parseInt(sym));//nan

2.求一個數字的幾次方的函數,表示3d的三次方

var num3 = Math.pow(3,3);

console.log(num3);//27

3.求平方根,只是求出正的平方根

var num4 = Math.sqrt(25);

console.log(num4);//5

4.彈出輸入框,這個函數會返回輸入的內容,這個函數的返回值永遠都是字符

var result =? prompt('請輸入內容');

console.log(result);//null

console.log(typeof result);//object

5.四舍五入函數

var num5 = 4.1;

console.log(Math.round(num5));//4

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,517評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,087評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,521評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,493評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,207評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,603評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,624評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,813評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,364評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,110評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,305評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,874評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,532評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,953評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,209評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,033評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,268評論 2 375

推薦閱讀更多精彩內容

  • 函數聲明和函數表達式有什么區別 (*)解析器會率先讀取函數聲明,并使其在執行任何代碼之前可以訪問;函數表達式則必須...
    coolheadedY閱讀 399評論 0 1
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,799評論 2 17
  • js簡介 Js是一種基于事件和對象驅動的解釋性、松散性的語言。 一切皆對象 javascript 布蘭登艾奇 ...
    塔庫納瑪哈哈閱讀 1,232評論 0 2
  • 一、數組 數組是一個有序列表,所以有下標. 并且數組在js中可以存在任意類型的數據.并且同一個數組中可以存放不同的...
    空谷悠閱讀 518評論 0 1
  • 7月27日至30日,很開心有機會來到上海參加第15屆ChinaJoy,也是去年入職公司后才知道有這么一個盛會,之前...
    進擊的安醬閱讀 1,058評論 0 1