请选择 进入手机版 | 继续访问电脑版
查看: 140|回复: 0

JavaScript 对象的定义和使用

[复制链接]
  • TA的每日心情
    开心
    2018-8-2 13:00
  • 签到天数: 1 天

    [LV.1]初来乍到

    10

    主题

    13

    帖子

    103

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    103
    发表于 2018-8-2 18:09:47 | 显示全部楼层 |阅读模式
    本帖最后由 岳岳 于 2018-8-3 14:15 编辑

    1、创建一个单个对象

    1. var student = new Object();
    2.     student.name = "张三";    //属性
    3.     student.age = 18;            //属性
    4.     student.address = "山西省朔州市应县";  //属性
    5.     student.sayHi = function (){
    6.         console.log (this.name + "说大家好,我的年龄是" + student.age+ ",家住" + student.address);
    7.     }
    8.     console.log(student);
    9.     student.sayHi();
    复制代码
    2、创建多个对象
         创建多个对象时,创建一个改一次,为了避免代码累赘的弊端,采用函数传参
    1. function creatStudent(name,age,address){
    2.     var student = new Object();
    3.     student.name = name;         //属性
    4.     student.age = age;              //属性
    5.     student.address = address;  //属性
    6.     student.sayHi = function () {
    7.         console.log ("大家好,我叫" + this.name + ",今年" + this.age + ",家住" + this.address);
    8.     };        //方法
    9.     return student;
    10. }
    11. //创建对象开始
    12. var stu1 = creatStudent ("岳岳",20,"山西省朔州市应县");                  //创建对象stu1
    13. var stu2 = creatStudent ("张二狗",21,"山西省朔州市应县");               //创建对象stu2
    14. var stu3 = creatStudent ("郭丽丽",20,"山西省朔州市应县");               //创建对象stu3
    15. console.log (stu1);
    16. stu1.sayHi();
    17. console.log (stu2);
    18. stu2.sayHi();
    19. console.log (stu3);
    20. stu3.sayHi();

    21. //先创建一个creatStudent函数,在函数里用new创建一个对象student,(相当于函数将对象包裹起来)采用函数传参,结果需return返回对象。
    复制代码
    采用创建构造函数传参
    1. function Student(name,age,address){
    2.        this.name = name;                                 //属性
    3.        this.age = age;                                        //属性
    4.       this.address = address;                     //属性
    5.        this.sayHi = function () {
    6.      console.log ("大家好,我叫" + this.name + ",今年" + this.age + ",家住" + this.address);
    7.         }                                                                              //方法
    8. }

    9. //创建对象开始
    10. var stu1 = new Student ("岳岳",20,"山西省朔州市应县");                                        //创建对象stu1
    11. var stu2 = new Student ("张二狗",21,"山西省朔州市应县");                                    //创建对象stu2
    12. var stu3 = new Student ("郭丽丽",20,"山西省朔州市应县");                                    //创建对象stu3

    13. console.log (stu1);
    14. stu1.sayHi();
    15. console.log (stu2);
    16. stu2.sayHi();
    17. console.log (stu3);
    18. stu3.sayHi();
    复制代码






    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关注微信,有惊喜
    关注我们,每天有惊喜,每日有活动,每日有礼品赠送,扫描左边二维码,即可关注,你还在等什么?
    快速回复 返回顶部 返回列表