东莞网页设计哪家设计网站好?,想开个网站怎样开,优化设计官网,微信营销平台系统02-JAVASCRIPT 一.JS基础语法1. 数据类型转换1.1 隐式转换1.2 强制转换 2. 运算符 二.JS语句1. 条件语句2. 循环语句 三.函数(方法)1. 声明函数的第一种方法2. 声明函数的第二种方法3. 声明函数的第三种方法 四.对象1. 对象的创建 -- 字面量2. 访问对象的属性3. 内置构造函数以… 02-JAVASCRIPT 一.JS基础语法1. 数据类型转换1.1 隐式转换1.2 强制转换 2. 运算符 二.JS语句1. 条件语句2. 循环语句 三.函数(方法)1. 声明函数的第一种方法2. 声明函数的第二种方法3. 声明函数的第三种方法 四.对象1. 对象的创建 -- 字面量2. 访问对象的属性3. 内置构造函数以及for in 循环4. 对象中的方法5. 检测属性是否存在 一.JS基础语法
1. 数据类型转换
1.1 隐式转换 运算过程中发生的转换 // 1. 隐式转换 - 计算过程中发生的转换var a 21; // 数字字符串数字转为字符串console.log(a) //21var b 1true; // 数字布尔型布尔型转为数值, true-1; false-0console.log(b); //2var c 2true;//字符串布尔型将布尔型转为字符串console.log(c); //2true// NaN:Not a Number:不是一个数字// 将数据类型转化失败的结果,和任何类型执行数学运算, 结果都是NaNvar d 2 undefined;console.log(d); //NaNvar e 2null;console.log(e); //21.2 强制转换
// 强转转换为数值 -- Number()var n1 Number(true); // 1var n2 Number(false); // 0var n3 Number(2); //2var n4 Number(2a);//NaNvar n5 Number(undefined);//NaNvar n6 Number(null);//0console.log(n1,n2,n3,n4,n5,n6);// 2.强制转换为整型 -- parseInt()var p1 parseInt(8.9);var p2 parseInt(8.9);var p3 parseInt(8.9a);var p4 parseInt(a8.9);//NaNvar p5 parseInt(true); //NaNconsole.log(p1,p2,p3,p4,p5);// 3.强制转换为浮点型 -- parseFloat()var f1 parseFloat(8.9);var f2 parseFloat(8.9a);var f3 parseFloat(a8.9);//NaNconsole.log(f1,f2,f3);// 4.将数值和布尔型强制转为字符串 -- toString()var num 5;var str num.toString();console.log(str,typeof str); //5 string2. 运算符 分为: 算术运算符, 比较运算符, 逻辑运算符, 位运算符, 赋值运算符, 三目运算符 算术运算符: , -, *, / , %, , – 比较运算符: ,,,,,, ! : 等于, 只是比较值是否相同, 可能会发生隐式转换:全等于, 先比较类型, 然后再比较值 console.log(22);//true // console.log(22);//false 逻辑运算符: , ||, ! 位运算符: 按位与, 按位或|,按位异或^,按位右移, 按位左移 赋值运算符: , , -, *,/,% 三目运算符: 条件表达式 ? 表达式1 : 表达式2 二.JS语句
1. 条件语句
// if条件句// 超市打折, 满30减10var total 35;if (total30){// 在当前总价值的基础上减10total-10;}console.log(实际支付价钱:total);// if-elsevar age 18;if (age18){console.log(成年人)}else{console.log(为成年人)}// if...else if ... else if ... else// switch-case// 状态码:1-等待付款; 2-等待发货,3-运输中,4-已签收,5-已取消,其他-无法追踪var status 5;switch (status){case 1:console.log(等待付款);break;case 2:console.log(等待发货);break;case 3:console.log(运输中);break;case 4:console.log(已签收);break;case 5:console.log(已取消);break;default:console.log(无法追踪)break;}2. 循环语句
// while// while(循环条件){循环体;}var i 1;while(i10){console.log(i);i;}//do{循环体}while{循环条件}//break 和 continue// for循环// for(初始值;循环条件;增量){循环体}// 打印1-100之间可以被3整除的数字for (var i1;i100;i){if (i%30){console.log(i);}}三.函数(方法) java: public 返回值 方法名(参数列表){ 方法体 } js: function 方法名(参数列表){方法体} 1. 声明函数的第一种方法
!DOCTYPE html
html langen
headmeta charsetUTF-8title方法/title
/head
body
!-- 通过按钮调用现有方法 --
input typebutton value按钮 onclickf1()
script// 1. 创建普通方法 - 无参无返回值function f1(){console.log(f1);}// 调用方法f1();// 2. 有参无返回值function f2(name,age){ //形参console.log(name:age);}f2(张三,20); // 实参// 3. 无参有返回值function f3(){return 这是一个返回值;}var res f3();console.log(res);// 4. 有参有返回值function f4(x,y){// return用于返回函数调用后的结果,如果函数中没有return或者return不加任何值// 则返回undefined// 一旦return执行就会跳出函数, 结束函数的执行return x*y;console.log(aaa); // 打印不出来;}var num f4(4,5);console.log(num); //20
/script
/body
/html2. 声明函数的第二种方法
// 第二种声明方法的方式let f5 function(name,age){console.log(name:age);}f5(王五,25);3. 声明函数的第三种方法 let f6 new Function(name,age,console.log(name:age))f6(李四,20);四.对象 属于引用类型的数据 对象是一组属性和方法的集合 1. 对象的创建 – 字面量
var phone {brand:iphone 14 pro,color:white,id:1011,made-in: 深圳
}
console.log(phone);2. 访问对象的属性 对象.属性名 对象[‘属性名’] console.log(phone.color);
console.log(phone[brand]);
console.log(phone.price);//undefined3. 内置构造函数以及for in 循环
// 内置构造函数let emp new Object();emp.namezhangsan;emp.age25;emp.id1;console.log(emp);// 一次访问对象中的每个属性 --- 遍历for (var k in emp){// k 代表属性名// emp[k] 属性名对应的属性值console.log(emp[k]);}4. 对象中的方法
// 对象中方法let person{// 成员的属性name:zs,sex:男,age:20,// 方法play:function(){// this指代调用当前方法的对象console.log(this.name正在打游戏...);}}person.play();5. 检测属性是否存在 对象名.属性名 undefined true 属性不存在false 属性存在 对象.hasOwnProperty(‘属性名’) true 属性存在false 属性不存在 ‘属性名’ in 对象 true 属性存在false 属性不存在 console.log(person.salary undefined); // true-salary属性不存在console.log(person.hasOwnProperty(name))// true-name属性存在console.log(sex in person) //true 表示sex属性存在
