文章目錄
- 1 初識
- 2 變數和資料型別
- 2.1 宣告和初始化
- 2.2 資料型別簡介
- 2.3 基本資料型別
- 1 Number
- 2 String
- 3 Boolean
- 4 獲取變數資料型別
- 5 資料型別轉換
- 2.4 運算子
- 1 加減乘除
- 2 遞增和遞減
- 3 比較運算子
- 4 邏輯運算子
- 5 賦值運算子
- 3 流程控制
- 3.1 if-else陳述句
- 3.2 三元運算式
- 3.3 switch-case
- 3.4 for 回圈
- 3.5 while 回圈
- 3.6 do-while
- 4 陣列
- 4.1 創建陣列
- 4.2 遍歷陣列元素
- 4.3 陣列添加元素
- 5 函式
- 5.1 基本使用
- 5.2 arguments
- 5.3 作用域
- 6 JS物件
- 6.1 創建物件
- 6.2 內置物件
- 1 內置物件
- 2 Math 靜態
- 3 Data 建構式
- 4 Array 陣列
- 5 String 字串
- 6.3 簡單型別和復雜型別
1 初識
三種寫法
注釋
輸入輸出
2 變數和資料型別
2.1 宣告和初始化
<script>
// 1.宣告變數
var age;
// 2.賦值
age = 18;
// 3.列印
console.log(age);
// 4.變數初始化
var name = 'mcy';
console.log(name)
// 5.輸入及存盤
var name = prompt('輸入姓名：');
alert(name);
</script>
2.2 資料型別簡介
2.3 基本資料型別
1 Number
isNaN
判斷是否是數字
2 String
3 Boolean
4 獲取變數資料型別
var num = 11;
typeof num; // number
5 資料型別轉換
轉換為字串
var num = 11;
console.log(num.toString());
轉換為數字型
2.4 運算子
1 加減乘除
2 遞增和遞減
3 比較運算子
4 邏輯運算子
5 賦值運算子
3 流程控制
3.1 if-else陳述句
3.2 三元運算式
3.3 switch-case
3.4 for 回圈
關鍵詞 continue break
for(var i = 0; i < 10; i++){
console.log(i);
}
3.5 while 回圈
var num = 5;
while(num){
console.log(num);
num--;
}
3.6 do-while
var num = 5;
do{
console.log(num);
num--;
}while(num)
4 陣列
4.1 創建陣列
4.2 遍歷陣列元素
var arr = [11, 33, 66];
for(var i = 0; i < arr.length; i++){
console.log(arr[i]);
}
4.3 陣列添加元素
var arr = [11, 33, 66];
arr.length = 5; // 通過修改長度擴容
arr[5] = 99; // 通過索引擴容
5 函式
5.1 基本使用
function getSum(x, y){
console.log("x + y = " + String(x+y));
return x+y;
}
getSum(11, 12);
var ret = getSum(55, 66);
5.2 arguments
宣告方式
5.3 作用域
6 JS物件
6.1 創建物件
方法一
// 1.利用字面量創建物件
var obj = {
uname: 'xhh',
age: 18,
sayHi: function(){
console.log('hello xhh ~');
}
}
// 2.使用物件
console.log(obj.uname); // obj['uname']
obj.sayHi();
方法二 new obj
// 2. new
// 創建物件
var objt = new Object();
// 添加引數
objt.uname = 'mcy';
objt.sex = 'm';
objt.sayHi = function (){
console.log('mcy say hi to xhh ~');
}
console.log(objt.uname);
方法三 建構式
// 3.利用建構式
function Star(uname, age, sex){
this.uname = uname;
this.age = age;
this.sex = sex;
this.sing = function() {
console.log(this.uname + ' sing ~');
}
}
var mcy = new Star('mcy', 18, '女');
// mcy.sing();
// 遍歷物件
for(var k in mcy){
console.log(k); //屬性名
console.log(mcy[k]); //屬性值
}
6.2 內置物件
1 內置物件
2 Math 靜態
點擊這里
3 Data 建構式
4 Array 陣列
5 String 字串
6.3 簡單型別和復雜型別
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/291059.html
標籤：其他