首页 > Web开发 > 详细

JS基础语法---创建对象

时间:2019-12-02 11:28:28      阅读:157      评论:0      收藏:0      [点我收藏+]

创建对象三种方式:

  1. 调用系统的构造函数创建对象
  2. 自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象)
  3. 字面量的方式创建对象

 

第一种创建对象的方式

    //小苏举例子:
    //实例化对象
    var obj = new Object();
    //对象有特征---属性;和 行为---方法
    //添加属性-----如何添加属性?  对象.名字=值;
    obj.name = "小苏";
    obj.age = 38;
    obj.sex = "女";
    //添加方法----如何添加方法? 对象.名字=函数;
    obj.eat = function () {
      console.log("我喜欢吃油炸榴莲凉拌臭豆腐和大蒜");
    };
    obj.play = function () {
      console.log("我喜欢玩飞机模型");
    };
    obj.cook = function () {
      console.log("切菜");
      console.log("洗菜");
      console.log("把菜放进去");
      console.log("大火5分钟");
      console.log("出锅");
      console.log("凉水过一下");
      console.log("放料,吃");
    };
    console.log(obj.name);//获取--输出了
    console.log(obj.age);
    console.log(obj.sex);
    //方法的调用
    obj.eat();
    obj.play();
    obj.cook();

 

练习1:有一个黄色的小狗,叫大黄,今年已经三岁了,250斤的重量每次走路都很慢,喜欢吃大骨头

    //创建对象
    var smallDog = new Object();
    smallDog.name = "大黄";
    smallDog.age = 3;
    smallDog.color = "黄色";
    smallDog.weight = "250";
    smallDog.eat = function () {
      console.log("我要吃大骨头");
    };
    smallDog.walk = function () {
      console.log("走一步摇尾巴");
    };
    smallDog.eat();//方法的调用
    smallDog.walk();

 

练习2:创建一个手机对象,手机有型号,有颜色,可以打电话和发短信

 

    var phone = new Object();
    phone.size = "iphone8";
    phone.color = "黑色";
    phone.call = function () {
      console.log("打电话");
    };
    phone.sendMessage = function () {
      console.log("你干啥捏,我烧锅炉呢");
    };

    phone.call();
    phone.sendMessage();

 

JS基础语法---创建对象

原文:https://www.cnblogs.com/jane-panyiyun/p/11969339.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!