天启之object的实战训练-优快云博客

本文介绍了JavaScript中使用不同方式创建对象的方法，包括使用Object构造函数、字面量方式及ES2015的新特性，并通过实例展示了如何创建具有特定功能的新闻对象。

在JavaScript中，Object可以接受所有的对象。

var me = new Object("字符串");
var me = new Object(123);
var me = new Object(true);
var me = new Object({"name":"zhangsan"});

var me = new Object(function(){
  this.name = "jack";
})

上面最后一个怎么调用呢，console.log((new me()).name)。
Object()中传入Function还可以写成如下形式：

var me = new Object(()=>"jack");

那么这种形式，怎么调用呢？像console.log((new me()).name)调用还可以吗？
应该这样调用：

console.log(me());

还可以用字面量的方式创建Object。

var me = {
    name:"jack",
    age:()=>18, // ES2015的写法
    sex(){return "男"}
}

console.log(me.age());  // 18

需要说明的是，在ES2015中函数有不同的写法：

// 写法1
age:function(){
  return 18;
}

// 写法2
age:()=>18;

// 写法3
age(){
  return 18;
}

实例讲解

比如我们要创建一个新闻对象，包含如下功能：
1、getList获取新闻列表(暂不考虑异步)
2、getOne(接受newsid参数)可以获取某个单条新闻

var news = {
  getList(){
    return [
      {newsid:101,newstitle:"标题1"}，
      {newsid:102,newstitle:"标题2"}，
      {newsid:103,newstitle:"标题3"}
    ];
  }，
  getOne(newsid){
    var index = -1;
    var getRet = this.getList().map((item,i)=>{
      if(item.newsid == newsid){
        index = i;
        return item;
      }
    });

    if(index >= 0){
      return getRet[index];
    }else{
      return null;
    }
  }
}