JS 第五天-CFANZ编程社区

1 JavaScript对象

对象的数据类型引用数据类型

var person={
    name:"张三",
    age:18,
    prop:function(){
        console.log("1")
    }
}

2 JavaScript对象的分类

对象类型有3种
内置对象

圆周率   3.1415926
console.log(Math.PI);
console.log(new Date());

宿主对象

console.log(document);    
console.log(window);
//nodejs  global

自定义对象（常用）

var math2={
    PI2:3.1415927
}
console.log(math2.PI2)

3 JavaScript对象的声明

1.字面量声明 {}

  var obj={
    name:"张三",
    age:18,
    hobby:function(){
        return "抽烟，喝酒，烫头"
    }
}

2.通过 new 关键字声明构造(对象)函数中

var obj2=new Object();
// 添加属性和方法
obj2.name="李四";
obj2["age"]=19;
obj2["hobby"]=function(){
    return "吃饭，睡觉，打豆豆"
}

console.log(obj);
console.log(obj2);

4 JavaScript对象属性的操作

1.字面量声明 {}

var obj={
    name:"张三",
    age:18,
    hobby:function(){
        return "抽烟，喝酒，烫头"
    }
}

// 如何访问对象的属性  object.property（属性）
console.log(obj.name);
console.log(obj.age);
// 访问对象的方法
console.log(obj.hobby());

// object["property"]（属性）对象的键必须是字符串类型

console.log(obj["name"]);
console.log(obj["age"]);
console.log(obj["hobby"]());

console.log(obj["sex"]);// undefined

2.通过 new 关键字声明构造(对象)函数

  var obj2=new Object();
// 添加属性和方法
obj2.name="李四";
obj2["age"]=19;
obj2["hobby"]=function(){
    return "吃饭，睡觉，打豆豆"
}
console.log(obj.name);

3.删除对象的属性 delete 关键字

 delete:删除对象的属性
console.log(obj2);
delete obj2.name;
delete obj2.age;
console.log(obj2);

4.遍历对象的属性 for...in

 语法：prop in object   使用in检查对象中是否包含指定的属性   
for(x in obj){
    console.log(x+":"+obj[x]);
}

5 JavaScript对象的注意事项

对象可以嵌套对象属性值可以为任意数据类型

var caoshuai={
    name:"张三",
    age:20,
    boyFriend:{
        name:"李四",
        age:21
    }
}

console.log(caoshuai.boyFriend.name);

2.对象的属性具有唯一性 key是唯一的

var person={
    name:"孙悟空",
    age:500,
    name:"白龙马"
}
person.name="唐僧";
console.log(person)

3.对象的键必须是字符串类型

// var person2={
//     name:"字符串",
//     1:'2',
//     "[]":"数组",
//     "{}":"对象",
//     null:"kong",
//     undefined:"未定义"
// }
// // console.log(person2)
// for(x in person2){
//     console.log(typeof x);//string
// }

// 键为非字符串类型，会转换为字符串类型
var a={name:"a"};
var b={name:"b"};
var c=[1,2,3,];
var d=[4,5,6];
// 创建一个空对象
var obj={};
// 可以给对象添加属性
obj[a]=10;
console.log(obj);// [object Object]
obj[b]=20;
console.log(obj);// [object Object]
obj[c]=30;
console.log(obj);
obj[d]=40;    
console.log(obj);
console.log(obj[a]);//?  20

6 JavaScript的类（构造函数）

06JavaScript的类（构造函数）
类：抽象的概念
构造函数：对象的构造器用来构造对象的函数

 创建一个类(函数)   类名(函数名)首字母大写

 人类：name  age  sex  hobby 
function Person(name,age,sex,hobby) {
    this.eyes="黑色";
    this.hair="黑色";
    this.name=name;
    this.age=age;
    this.sex=sex;
    this.hobby=hobby;
}  

    使用 Person 创建对象

var xiaoming=new Person("小明",20,"男",function(){return "唱歌"});
var xiaohong=new Person("小红",18,"女",function(){return "跳舞"});

console.log(xiaoming);
console.log(xiaohong);

工厂

function Car(color){
    this.name="比亚迪";
    this.price="16.68w";
    this.func=function(){
        return "买菜"
    }
    this.color=color;
}

// 生产线
var car1=new Car("红色");
var car2=new Car("白色");
console.log(car1.func());
console.log(car2.func());

第五天总结：经过今天的学习，我对对象是什么有了一定的了解。学到现在我最大的问题还是函数不太会用，我也只能希望我多练练类似的问题，然后把它给掌握了。