【目錄】
一、分支結構
二、回圈結構
1、for回圈
2、while回圈
3、for …in 迭代器
4、break / continue 關鍵詞
三、JavaScript 物件
1、object 型別
2、宣告類(建構式)
函式名 ( 條件運算式 ){ 代碼塊 }
一、if 分支結構
1、 if 基礎語法
if (條件運算式) { 代碼塊; } // 1. 當條件運算式結果為true,會執行代碼塊;反之不執行 // 2. 條件運算式可以為普通運算式 // 3. 0、undefined、null、""、NaN為假,其他均為真
2、if 復雜語法
// 1.雙分支 if (運算式1) { 代碼塊1; } else { 代碼塊2; } // 2.多分支 if (運算式1) { } else if (運算式2) { } ... else if (運算式2) { } else { }
3、if 嵌套
if (運算式1) { if (運算式2) { } }
4、栗子
var weather = prompt("天氣(晴|雨)"); // 文本輸入彈出框 if (weather == "晴") { alert("今天是晴天") } else if (weather == "雨") { alert("今天是雨天") } else { alert("輸入資訊有誤") }
二、回圈結構
1、for回圈
for (回圈變數①; 條件運算式②; 回圈變數增量③) { 代碼塊④; } // for回圈執行的順序:① ②④③ ... ②④③ ②,入口為①,出口為②,②④③就是回圈程序 // 案例: for (var i = 0; i < 5; i++) { console.log(i); } // 結果: 0 1 2 3 4
2、while回圈
while (條件運算式) { 代碼塊; } // 條件滿足執行代碼塊,條件不滿足跳出回圈 // 案例: var i = 0; while (i < 5) { console.log(i); i++; } // 結果: 0 1 2 3 4
3、for …in 迭代器
var arr = [1, 2, 3, 4, 5] for (num in arr) { console.log(num); } // 結果: 0 1 2 3 4
4、break / continue 關鍵詞
// 1. break:結束本層回圈 // 2. continue:結束本次回圈進入下一次回圈
三、JavaScript 物件
1、object 型別
(1)創建
直接量(創建新物件):var 物件名 {}
var obj = {name:'xiaolili', age:100, getInfo:function( console.log(this.age) )}
new 建構式
var obj = new Object() obj.name = 'xiaolili' obj.age = 100
(2)屬性操作
讀取或者修改屬性
console.log(obj.name) obj.name = 'lili' console.log(obj['name']) obj['name'] = 'honghong'
洗掉屬性
delete obj['name'] delete obj.name
檢測驗性是否存在
'name' in obj
2、宣告類(建構式)
function User(name, age){ this.name = name this.age = age this.getInfo = function(){ console.log(this.name, this.age) } } var u = new User('魯迅', 45)
每個物件都有一個屬性 .constructor 從而獲取其建構式
使用運算子 instanceof 可以判斷一個物件是否屬于某個建構式
參考閱讀:
https://www.cnblogs.com/xiaoyuanqujing/articles/11670054.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/90163.html
標籤:JavaScript
