Javascript创建对象的几种常用方法

89 阅读 0 评论 59 点赞

我是靠谱客的博主无私灰狼，最近开发中收集的这篇文章主要介绍Javascript创建对象的几种常用方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

对象的简述以及对象的创建方式

对象在JS中可以说是特别重要的，它大大的方便了开发人员对多变量函数的使用。

到底什么是对象呢？
举例来讲,在现实生活中对象是一个具体的事物，而事物就会具有行为和特征，例如一部手机，他的特征可以是：黑色，大屏幕，以及品牌；也可以有拨号以及响铃这样的行为。而生活中单单说手机这指的是一类事物，因为手机也是分为五花八门多种多样的，但是如果说“我的手机“这里特指的就是我的这部手机而我的这部手机是唯一的它所具有的一些属性也就是唯一的。

接下来我们来讲JS中是如何创建对象的
1.用字面量的方法创建举例来说我们创建一个对象为老师,姓名为王老师，科目英语，年龄28岁，擅长打篮球，那我们可以这么写：

var teacher = {
   name:"王老师",
   subject:"English",
   age:28,
   skill:function(){
      console.log("play basketball");
        }
}
//在控制台输出
  console.log(teacher);
//查看其属性
  console.log(teacher.name);

2.同样以上面的老师为例，用new Object方法来创建：

var teacher = new Object();
    teacher.name = "王老师";
    teacher.subject="English";
    teacher.age=28;
    teacher.skill = function(){
      console.log("play basketball");
      }
//在控制台输出
  console.log(teacher);
//查看其属性
  console.log(teacher.name);

3.工厂函数批量创建对象,这种方法极大的提高了同类型对象的声明效率，具体方法如下

function person(name, age, subject){
    var person = new Object();
    person.name = name;
    person.age = age;
    person.subject = subject;
    return person;
}
var teacher = person("王老师",28,English);
//在控制台输出
  console.log(teacher);
//查看其属性
  console.log(teacher.name);

4.自定义构造函数

function person(name, age, subject){
    this.name = name;
    this.age = age;
    this.subject = subject;
}
//在控制台输出
  console.log(teacher);
//查看其属性
  console.log(teacher.name);

在这里提到了对象不得不说的就是属性和方法，如果一个变量属于一个对象所有那么这个变量就是对象的一个属性，一般为名词用来描述对象的特征；那什么是方法呢，如果一个函数归一个对象所有那么这个函数就是该对象的一个方法，一般为一个或多个动作，用来描述对象的行为和动作。