JavaScript基礎
變數
// var 宣告變數
// 變數的命名規則
// 1、變數可以有數字、字母和下劃線和$組成
// 2、變數不能以數字開始
// 3、變數不能是關鍵字或者保留字
// 4、不能超出255個字符
// 5、區分大小寫
注釋
//單行注釋
/*多行注釋*/
資料型別
// js是弱型別的語言,存盤的資料型別由當前存盤的值來決定
// 變數的型別 typeof(變數)
// 基本資料型別
// number數值型別 類似于數學中的123,-123
// string字串型別 用引號包裹的都是字串
// boolean布爾型別 true或者false
// array 陣列 通過下標訪問
// undefined 未定義或者未賦值
// 復雜資料型別
// object
// 每一行js結束,必須加分號
資料型別轉換
// typeof(引數)回傳資料型別
// parseInt()把字串轉化為整數(截取字串前面的數值,其余的自動忽略)、
//把小數轉化為整數如果不能轉化得到的是NaN
// parseFloat()用法和parseInt()一模一樣,
//只是可以轉化為小數(有小數直接轉化,沒有小數,默認還是整數)
// 強制轉換或者隱式轉換
// 數值型別+字串=字串
// 數值型別+布爾型別=數值型別 true轉化為1 false轉化為0
// 布爾型別+字串型別=字串型別
函式
函式就是包裹在花括號中的代碼塊,前面使用了關鍵詞 function:
function functionname(){
// 執行代碼*
}
當呼叫該函式時,會執行函式內的代碼,
可以在某事件發生時直接呼叫函式(比如當用戶點擊按鈕時),并且可由 JavaScript 在任何位置進行呼叫,
呼叫帶引數的函式
在呼叫函式時,您可以向其傳遞值,這些值被稱為引數,
這些引數可以在函式中使用,
您可以發送任意多的引數,由逗號 (,) 分隔:
myFunction(argument1,argument2)
當您宣告函式時,請把引數作為變數來宣告:
function myFunction(var1,var2)
{
//代碼
}
//變數和引數必須以一致的順序出現,第一個變數就是第一個被傳遞的引數的給定的值,以此類推,
運算子
運算子 = 用于賦值, 運算子 + 用于加值,
算術運算子
| 運算子 | 描述 |
|---|---|
| + | 加法 |
| - | 減法 |
| * | 乘法 |
| / | 除法 |
| % | 取模(余數) |
| ++ | 自增 |
| – | 自減 |
賦值運算子
賦值運算子用于給 JavaScript 變數賦值,
| 運算子 | 例子 | 等同于 |
|---|---|---|
| = | x=y | |
| += | x+=y | x=x+y |
| -= | x-=y | x=x-y |
| *= | x*=y | x=x*y |
| /= | x/=y | x=x/y |
| %= | x%=y | x=x%y |
用于字串的 + 運算子
+ 運算子用于把文本值或字串變數加起來(連接起來),
比較運算子
比較運算子在邏輯陳述句中使用,以測定變數或值是否相等,
| 運算子 | 描述 |
|---|---|
| == | 等于 |
| === | 絕對等于(值和型別均相等) |
| != | 不等于 |
| !== | 不絕對等于(值和型別有一個不相等,或兩個都不相等) |
| > | 大于 |
| < | 小于 |
邏輯運算子
邏輯運算子用于測定變數或值之間的邏輯,
| 運算子 | 描述 |
|---|---|
| && | and |
| || | or |
| ! | not |
條件運算子
JavaScript 還包含了基于某些條件對變數進行賦值的條件運算子,
語法
var iablename=(condition)?value1:value2;
條件陳述句
if 陳述句
? - 只有當指定條件為 true 時,使用該陳述句來執行代碼
if…else 陳述句
? - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼
if…else if…else 陳述句
? - 使用該陳述句來選擇多個代碼塊之一來執行
switch 陳述句
? - 使用該陳述句來選擇多個代碼塊之一來執行
回圈
for回圈
回圈:for(變數型別 變數名稱;回圈條件;回圈操作)
for (變數 in 物件)
//遍歷物件:for (回圈變數型別 回圈變數名稱 : 要被遍歷的物件) 回圈體
while回圈
while 回圈會在指定條件為真時回圈執行代碼塊,
語法
while (條件)
{
需要執行的代碼
}
do/while 回圈
do/while 回圈是 while 回圈的變體,該回圈會在檢查條件是否為真之前執行一次代碼塊,然后如果條件為真的話,就會重
復這個回圈,
語法
do
{
需要執行的代碼
}
while (條件);
跳出回圈
break 陳述句
它用于跳出 switch() 陳述句,
break 陳述句可用于跳出回圈,
break 陳述句跳出回圈后,會繼續執行該回圈之后的代碼
continue 陳述句
continue 陳述句中斷回圈中的迭代,如果出現了指定的條件,然后繼續回圈中的下一個迭代,
作用域
// 在js中宣告的變數,只有函式的作用域
// 宣告的變數的作用范圍,向上尋找距離該變數最近的開始的函式的{ 變數的作用范圍就是該{之內}
// function fn(){
// var a=10;
// console.log(a)
// }
// fn()
// var b;
// console.log(b);不會報錯 列印undefined
// console.log(b) 報錯 b沒有定義
// 變數會把宣告提升到整個作用域的最前面,賦值還是在原來的位置
// console.log(a);
// var a=100;
// 等價于
// var a;
// console.log(a)
// a=100;
// 全域變數和區域變數同時存在,區域變數生效
// var a=1;
// function fn(){
// console.log(a);
// var a='hello';
// // var a;
// // console.log(a);
// // a='hello'
// }
// fn()
// 沒有宣告的變數,作用域是賦值以后生效(不建議寫)
// a=100;
// console.log(a);
// console.log(b);
// b=100;
this
// this代表用戶當前操作的標簽,一般用在事件內部
物件
// 定義一個物件 把事物的屬性和行為提煉出來
// k:v k代表的是屬性 v代表的是值
/*
物件的定義,包含
屬性
方法
*/
var stu={
name:'zs',
age:12,
score:[89,90],
eat:function(){
console.log('吃了什么吖')
}
}
/*
物件的使用
屬性: stu.name
stu.score[0]
方法: stu.eat()
*/
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/291661.html
標籤:其他
上一篇:JavaScript第四天筆記04——JS百度換膚例子
下一篇:ES6 (六)數值的擴展、數值分隔符、isInteger、EPILON、MAX_SAFE_INTEGER、Math擴展、BigInt
