美文网首页H5总结
JavaScript创建对象的四种方式

JavaScript创建对象的四种方式

作者: LD_左岸 | 来源:发表于2019-05-27 15:04 被阅读0次

一.字面量的方式

var per1 = {
  name:"卡卡西",
  age:20,
  sex:"男",
  eat:function () {
      console.log("吃........");
    },
   readBook:function () {
          console.log("读书....");
     }
   };

二.调用系统的构造函数

 var per1 = new Object();
    per1.name = "昆明";
    per1.age = 19;
    per1.sex = "男";
    per1.eat = function () {
        console.log("cccc");
    };
    per1.readBook = function () {
        console.log("读书.....");
    };

三.自定义构造函数

function Person(name,age,sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.eat = function () {
            console.log("ccccc");
        };
        this.readBook = function () {
            console.log("读书");
        };
    }

四.工厂模式创建对象

  function createObject(name,age) {
        var obj = new Object();
        obj.name = name;
        obj.age = age;
        obj.sayHi = function () {
            console.log("say_Hi");
        };
        return obj;
    }
工厂模式创建对象 or 自定义构造函数创建对象
相同点 都是函数 都可以创建对象 都可以传入参数
不同点 工厂模式: 函数名是小写 有new 有返回值 new之后的对象时当前的对象 直接调用函数就可以创建对象 自定义构造函数:函数名是大写(首字母) 没有new 没有返回值 this是当前对象 通过new的方式来创建对象

相关文章

  • JavaScript创建对象的四种方式

    一.字面量的方式 二.调用系统的构造函数 三.自定义构造函数 四.工厂模式创建对象

  • js对象的创建

    一、创建对象的方法 阅读犀牛书(《javascript权威指南》),书中将js创建对象的方法分为四种,对象字面量、...

  • 前端面试题目(二)

    javascript对象的几种创建方式 javascript继承的6种方法 详情:[JavaScript继承方式详...

  • 16、Java创建对象有几种方式?

    Java创建对象有几种方式? java中提供了以下四种创建对象的方式: 1、new创建新对象; 2、通过反射机制;...

  • JavaScript对象创建方式

    方式 1:字面量(直接量)创建对象 形式 :主要通过 var obj = { ... };语句进行创建。 优点 ...

  • JavaScript 基础操作汇总

    参考网址 JavaScript 对象参考手册 JavaScript基础参考手册汇总 Array 对象 创建方式: ...

  • JavaScript基础之创建对象

    JavaScript对象的创建 在JavaScript中创建一个对象有三种方式。可以通过对象直接量、关键字new和...

  • JavaScript创建对象的方式

    1.字面量创建方式 优点:语句少缺点:会有重复方法和属性 2.new创建方式 内置对象Object创建 优点:适合...

  • JavaScript创建对象的方式

    1.使用工厂模式创建 使用特定的函数创建对象。 函数createClass接收两个参数,然后函数的内部通过这两个参...

  • JavaScript创建对象的七种方式

    JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以创建单个对象,显然这两种...

网友评论

    本文标题:JavaScript创建对象的四种方式

    本文链接:https://www.haomeiwen.com/subject/hhjhtctx.html