Javascript之创建对象

javascript之创建对象

学过面向对象编程的同学一定都知道,类是对象的模板,对象是根据模板创建的。

可是Javascript中没有类的概念,只有对象的概念,没有类怎么创建对象呢?

下面介绍两种创建javascript对象方法:

  • 直接赋值法
  • 构造函数法

直接赋值法

var shopProduct = {
    title:'上衣', // 对象的属性
    "brand":"优衣库",
    'price':300,   //key可以加引号或者双引号。
    getSunmary:function(){ //对象的方法
      return "titile: "+this.title+", brand: "+this.brand+", price: "+this.price;
    }
}

// 输出对象属性
console.log(shopProduct.title);
console.log(shopProduct.price);
console.log(shopProduct.brand);

构造函数法

先定义一个函数,然后用关键字new调用它,就会得到一个对象。

function  ShopProduct(name,brand,price)
{
    this.name =name;
    this.brand= brand;
    this.price = price;
    this.getSunmary = function(){
      return "titile: "+this.name+", brand: "+this.brand+", price: "+this.price;
    };

    return this;

}

shoes = new ShopProduct('shoes','nike',500);

console.log(shoes.name);
console.log(shoes.price);
console.log(shoes.brand);
console.log(shoes.getSunmary());

注意:

  1. 构造函数中的this指向新对象。
  2. 构造函数中虽然没有return,但是默认返回this。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 博客内容:什么是面向对象为什么要面向对象面向对象编程的特性和原则理解对象属性创建对象继承 什么是面向对象 面向对象...
    _Dot912阅读 1,449评论 3 12
  • 我是不是老了。 越来越不爱喝果汁饮品,偏爱豆浆米糊白开水。 从什么时候开始我就不爱看电视节目了,出门常忘带手机。 ...
    Daring_dd阅读 215评论 2 1
  • 目录 第四十二章 黑棍的秘密 宁洺看着常风意味深长的目光,顿时有些不知所措,他小心翼翼的问道:“师兄还在惦记着我...
    青年太白阅读 766评论 0 2
  • 《营销管理》第4部分:培育强大的品牌第9章:创建品牌资产 ———— 本节开始进入全书的第4部分——培育强大的品牌,...
    山鸟长虫阅读 4,910评论 0 14
  • 我也曾想幻化成柳絮 随风飘扬 或许巧合地落在你的发梢 曾想努力变成骄阳 给予你温暖 照亮你我的世界 然而 不知道从...
    Dreaup阅读 181评论 0 0