一、对象是什么?
对象是无序属性的集合。
二、所有面向对象的属性:
a)封装
b)多态
c)继承
下面是一个小练习:产生七个(0,36]的数,该七个数不能重复。
那么这里就需要检测产生数的是否重复问题,而0-36可以用随机数解决:Math.random();而七个数可以用for循环来解决。重复问题可以通过判断来解决,也就是if语句
如:
//这里创建一个空数组,用来盛放数据
vararr=[];
//flag是一个布尔类型的量
varflag=false;
//产生七个随机数
for(vari=0; i<7;){
//随机数生成
//~~等同于parseInt(),具体的区别尚不明
varrand= ~~(Math.random()*36)+1;
//解决重复问题
for(varj=0;j
//判断新产生的值与前面产生的值是否相等,相等的话直接break,会返回一个true,使得下面的判断语句会不产生一个随机数,且i不会自增
if(arr[j]==rand){
flag=true;
break;
}
}
if(flag){
flag=false;
}else{
i++;
//将产生的未重复的rand放入数组arr中
arr.push(rand);
}
}
console.log(arr);
arr.sort(function(a,b){
return a - b;
});//冒泡排序
console.log("排序后:" + arr);
三、创建对象的三种方法:
a)使用构造函数创建对象:
如:var 对象名 = new 构造函数名(参数);
function Demo(name,height){
this.name=name;
this.height=height;
this.sayHello=function(){
console.log(this.name+"大家好呀!");
}
}
vartom= newDemo("tom",174);
注意:可以用new关键字来创建对象,构造函数的函数名首字母大写,而普通函数一般为小写
b)使用字面量的方法创建对象:
如:var 对象名 = {属性名:属性值,属性名:属性值}
var mark={
name:"mark",
sex:"男",
sayName:function(){
console.log("我的名字是:"+this.name)
}
}
注意:字面量创建对象方法一般来说,属性名和属性值之间使用分号分隔,而属性值与属性名之间可以用分号或者逗号分隔,不过推荐使用逗号。
c)EM5 Object.create();方法创建(现在仅供了解)
四、构造函数中new关键字的执行过程
1,划分出对应的区域
2,将其赋值给this
3,执行构造函数中的代码
4,查看是否有返回值,如果有返回值,则返回返回值,如果没有,则返回构造函数本身。
五、构造函数与普通函数的区别:
如:
function Human(){
console.log("我是++");
}
Human();
//普通函数的调用
var a=Human();
//构造函数的用法
var tom= new Human();
//返回undefined;因为没有返回值的函数在普通函数的调用中为undefined
console.log(a);
//返回Human{}
console.log(tom);
注意:在构造函数与普通函数中,如果普通函数和构造函数如果都没有返回值,普通函数将会返回undefined,而构造函数将会返回它的本身,这就是new关键字的区别。
六、for in 遍历
在之前有过for循环遍历的经验,而现在说一下for in的遍历,以下是for in遍历以及for循环遍历的方法:
var myArry=[1,2,3,4,5,6,7];
myArry.name="我是name";
//访问name属性的两种方法:
console.log(myArry.name);
console.log(myArry['name']);
console.log(myArry);
for(var i=0; i
console.log("Array["+i+"]="+myArry[i]);
}
//for in 遍历对象中的所有属性
for(var p in myArry){
console.log("属性名:"+p+";"+"属性值:"+myArry[p]);
}
这里做一个小练习:
这里有两个对象,现在我们要将两个对象中含有方法的属性返回出来
如:
var mark={
name:"mark",
sex:"男",
sayName : function(){
console.log("我的名字是:"+this.name)
}
}
var tom={
name:"tom",
sex:"男",
say:function(){
console.log("我的名字是:"+this.name)
}
}
//调用其中的函数方法:
var person=[mark,tom];
for(var i=0; i
for(var prop in person[i]){
if(typeof person[i][prop]==="function"){
person[i][prop]();
}
}
}
七、访问对象的两种方法:
1、对象名.属性名
2、对象名[“属性名”]
八、数值属性:
Object.defineProperty(需要创建属性的对象名,新建属性名,{
configurable:布尔类型,
writable:布尔类型,
enumerable:布尔类型,//该三个属性默认值为false
value:属性值
})
如:
var tom={
name:"tom"
};
Object.defineProperty(tom,"age",{
configurable:true,//是否可以被删除
writable:true,//是否为只读,即可不可以更改
enumerable:true,//对象是否可枚举出来
value:19//此属性的属性值
});//第一个参数表示给哪个对象赋予属性,第二个参数表示属性名,第三个参数可以设置属性的四种特性进行设置。
deletetom.age;//测试删除操作,即测试configurable
for(varpintom){
console.log(p);
}//测试枚举操作,即enumerable
tom.age=200;//测试更改操作,即writable操作
console.log(tom)
九、访问器属性:
Object.defineProperty(需要创建属性的对象名,新建属性名,{
configurable:布尔类型,
enumerable:布尔类型,//该属性默认值为false
get:,
set:
})
如:
var jarry={
name:"jarry",
bron : new Date('1995-12-10')
};
Object.defineProperty(jarry,'age',{
configurable:true,
enumerable:true,
get:function(){
var result= new Date().getFullYear() - this.bron.getFullYear();
return result;
},
set:function(bron){
this.bron= new Date(bron);
}
})
console.log("jarry今年的年龄是:"+jarry.age);
十、如何一次性创建多个属性名及特性
如:
var mark={};
Object.defineProperties(mark,{
name:{value:"mark"},
age:{value:16},
sex:{value:"男"},
height:{value:197}
})
console.log(mark.name);
console.log(mark.age);
console.log(mark.sex);
console.log(mark.height);
���|