js中的对象是一个存储了一些基本数据类型的一个集合,可以比作在 { } 内由一个个属性:属性值,组成,对象可以存储数字类型number,字符串类型string等等多种变量类型。
js对象的创建方式有两种,分别是字面量创建对象和内置的构造函数创建对象
使用字面量的方式创建一个对象
对象可以存多种变量类型
var obj = {
name:'张三',
age:18,
sex:true
};
console.log(obj.name); //张三 打印obj对象的name属性的属性值
console.log(obj["name"]); //张三 不同的写法
console.log(obj); //输出 {name: '张三', age: 18, sex: true}
向对象内添加或修改成员
可以通过对象名.属性名和对象名['属性名']的方式向对象中添加或修改成员,在对象的{}外面添加成员要使用等号连接。
obj.age=21;
obj['age']=23;
console.log(obj); //输出 {name: '张三', age: 23, sex: true}
伏笔--属性值也可以是一个对象
var obj = {
child:{
is:'儿子',
name:'小张三',
age:1
}
};
console.log(obj.child); //输出 {is: '儿子', name: '小张三', age: 1}
console.log(obj.child.name); //小张三 输出obj对象里的child对象的name属性
引入--函数是对象类型中的一种
function fn(){}
console.log(typeof fn); //返回function。
得出--属性值也可以是一个函数
在对象中创建一个函数
函数写在对象的属性上,也叫做方法。
var obj = {
eat:function (){
console.log("胡罗卜");
}
};
//调用函数
obj.eat(); //输出 胡罗卜
使用obj.eat();调用变量obj中的eat()函数。
js内置的构造函数创建对象
Object是js内置给我们的构造函数,用于创建一个对象使用的;
构造函数首字母一般大写;
使用的时候前面加new关键字,加new才能创建对象。
var obj2 = new Object();
console.log(obj2); //输出 {} 现在的对象内是空的。
//向对象中添加成员
obj2.name = "李四";
//向对象中添加函数
obj2.run = function () {
console.log("胡罗卜");
};
console.log(obj2); //输出 {name: '李四', run: ƒ}
//调用函数
obj2.run(); //胡罗卜