欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript中对象的知识点。

程序员文章站 2022-06-28 12:13:22
1. 对象1.1 对象的概念1.1.1 什么是对象1.1.2 为什么使用对象1.2 创建对象的三种方式1.2.1 利用字面量创建对象1.2.2 利用new Object 创建对象1.2.3 利用构造函数创建对象1.2.4 构造函数和对象的区别1.3 new关键字1.4 遍历对象属性2. 小结......

1. 对象

1.1 对象的概念

1.1.1 什么是对象

JavaScript中对象的知识点。

1.1.2 为什么使用对象

JavaScript中对象的知识点。

1.2 创建对象的三种方式

1.2.1 利用字面量创建对象

JavaScript中对象的知识点。

JavaScript中对象的知识点。

    /* 利用对象字面量创建对象 */
    var obj={
        name:'小苗',
        age:18,
        sex:'女',
        sayHi:function () {
            console.log('你好!');
        }
    }
    // 调用对象的属性
    console.log(obj.name);
    console.log(obj.age);
    console.log(obj['sex']);
    // 调用对象的方法
    obj.sayHi()

1.2.2 利用new Object 创建对象

JavaScript中对象的知识点。

    /* 利用 new object 创建对象 */
    var people=new Object();
    people.uname='小红';
    people.uage=19;
    people.usex='女';
    people.work=function(){
        console.log('正在工作');
    }
    // 调用对象
    console.log(people.uname);
    people.work();

1.2.3 利用构造函数创建对象

JavaScript中对象的知识点。

    /* 利用构造函数创建对象 */
    function Star(sname,sage,ssex) {
        this.sname=sname;
        this.sage=sage;
        this.ssex=ssex;
        this.sing=function(sang){
            console.log(sang);
        }
        
    }
    var liudehua=new Star('刘德华',18,'男');
    console.log(liudehua.sname);
    console.log(liudehua.sage);
    liudehua.sing('冰雨');

    var zhangxueyou=new Star('张学友',28,'男');
    console.log(zhangxueyou.sname);
    console.log(zhangxueyou.ssex);
    zhangxueyou.sing('听海');

注意:

  • 构造函数名称首字母要大写;
  • 构造函数不需要return就可以返回结果;
  • 调用构造函数必须使用new;
  • 属性和方法前必须添加 this。

1.2.4 构造函数和对象的区别

JavaScript中对象的知识点。

1.3 new关键字

JavaScript中对象的知识点。

1.4 遍历对象属性

JavaScript中对象的知识点。

    /* 遍历对象 */
    for(var k in dog){
        // 输出对象的属性名
        console.log(k);
        // 输出对象的属性值
        console.log(dog[k]);
    }

2. 小结

JavaScript中对象的知识点。

本文地址:https://blog.csdn.net/qq_39979646/article/details/109266200