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);
人:
身高,体重,血型,年龄,性别,姓名
学习,开车,思考,吃饭
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
}
事件(event)
onclick; /*
单击事件*/
ondblclick; /*
双击事件*/
onchange; /*
内容改变事件*/
onselect; /*
内容选中事件*/
onmouseover; /*
鼠标经过事件*/
onmouseout; /*
鼠标离开事件*/
onfocus; /*
获得焦点事件*/
onblur; /*
失去焦点事件*/
onkeydown; /*
键盘按下事件(
先)*/
onkeyup; /*
键盘松开事件*/
onkeypress; /*
键盘按下事件(
后)*/
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.1485926.
toFixed(2);//
四舍五入
如何获取文本框的值
1. 给文本框设置ID
<input id="num1">
2. 在JS中通过文本框的ID值.value即可获得
num1.value
3. 给文本框存值: num1.value=789;
函数(一个代码块,用大括号包起来,起了一个别名)
定义函数:
1. 函数声明:
function play(参数1,参数2,参数N){
//代码
}
2. 函数表达式:
var play=function(参数1,参数2,参数N){//
形参
//代码
}
调用函数:
play();
play(1,2,3);//
实参列表
3.
函数声明和函数表达式的
区别?
正常情况,代码从上到下执行,应该是先定义,后调用.
但是"函数声明"这种可以把调用写在定义的前面.
4. 函数的
特点:
需要用时才会执行,代码各司其职,结构清晰
return(返回)-专门在函数内部使用的
作用:
1. 可以立刻跳出当前函数,后面的代码不再执行.
2. return还可以带出去一个值
function show(){
return 123;
}
var s=show();//s就是123,如果不写return,则拿到undefined
function play(){
if(1==1){
return;
}
//如果1==1的话,这里的代码不会执行
}
求圆的周长和面积
计算器的制作
优化1
优化2
