#1 OOP(面向对象编程)
万物皆对象
一种复合变量
狗:
颜色,品种,性别
吃,睡,叫
var dog = {
color:"yellow",
type:"京巴",
sex:'母',
eat:function(){},
sleep:function(){},
talk:function(){}
}
手机:
颜色,价格(price),品牌(brand),型号(type),
系统(system)
打电话(call),发短信(sms),联网(net)
var mobile = new Object();
mobile.color="red";
mobile.price=30;
mobile.brand='MI';
mobile.type='8';
mobile.system='MUI';
mobile.call=function(){};
mobile.sms=function(){};
mobile.net=function(){};
console.log(mobile);
人:
身高,体重,血型,年龄,性别,姓名
学习,开车,思考,吃饭
var mobile = person
mobile.height="173",
mobile.bloodType="AB",
mobile.age="24",
mobile.sex="男",
mobile.name="jack",
#2 for-in(用来遍历对象属性的一种特殊循环)
var obj={name:'frank',age:2};
for(var i in obj){
i;//name和age
obj[i];//frank,2
}
var arr=['A','B','C'];
for(var i in arr){
i;//0,1,2
arr[i];//A,B,C
}
#3 事件(event)
onclick; /*单击事件*/
ondblclick; /*双击事件*/
onchange; /*内容改变事件*/
onselect; /*内容选中事件*/
onmouseover; /*鼠标经过事件*/
onmouseout; /*鼠标离开事件*/
onfocus; /*获得焦点事件*/
onblur; /*失去焦点事件*/
onkeydown; /*键盘按下事件(先))*/
onkeyup; /*键盘松开事件*/
onkeypress; /*键盘按下事件(后)*/
#4 数学相关
Math.floor(3.67); //不进位
Math.ceil(2.12); //进位
Math.round(4.5); //四舍五入
Math.round(4.1);
Math.random(); //0-1之间随机数
Math.ceil(Math.random()*10); //1-10
Math.abs(-30); //绝对值
Math.max(5,1,6,23,111); //最大值
Math.min(5,1,6,23,111); //最小值
Math.pow(2,3); //2的3次幂
Math.sqrt(16); //开根号
3.1415926.toFixed(2); //四舍五入,保留两位小数
#5 如何获取文本框的值
1. 给文本框设置ID<input id="num1">
2. 在JS中通过文本框的ID值.value即可获得 num1.value
3. 给文本框存值:num1.value=789;
#6 函数(一个代码块,用大括号包起来,起了一个别名)
定义函数:
1. 函数声明:
function play(参数1,参数2,参数N){
//代码
}
2. 函数表达式:
var play=function(参数1,参数2,参数N){//形参
//代码
}
调用函数:
play();
play(1,2,3);//实参列表
3. 函数声明和函数表达式的区别?
正常情况,代码从上向下执行,应该是先定义,后调用.
但是"函数声明"这种可以把调用写在定义的前面.
4. 函数的特点:
需要用时才会执行,代码各司其职,结构清晰
#7 return(返回)-专门在函数内部使用的
作用:
1. 可以立刻跳出当前函数,后面的代码不在执行.
2. return还可以带出去一个值
function show(){
return 123;
}
var s=show();//s就是123,如果不写return,则拿到undefined
function play(){
if(1==1){
return;
}
//如果1==1的话,这里的代码不会执行
}