js对象的介绍及创建和使用,向对象中添加函数,js对象中函数的使用

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();    //胡罗卜    

  • 6
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值