返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS创建对象的四种方式
  • 520
分享到

JS创建对象的四种方式

2024-04-02 19:04:59 520人浏览 八月长安
摘要

目录1.通过字面量的方式去创建对象2.使用new字符创建对象3.自定构造函数创建对象4.工厂模式创建对象创建对象的4种方式: 1.字面量的方式去创建对象 2.使用n

创建对象的4种方式:

  • 1.字面量的方式去创建对象
  • 2.使用new字符创建对象
  • 3.自定义构造函数
  • 4.工厂模式创建对象

对象是指:具有属性和方法

1.通过字面量的方式去创建对象


var person1={

    name:'柯南',

    age:12,

    sex:'男',

    eat:function(){

        console.log("我饿了,想吃饭")

    },

    say:function(){

        console.log("我叫柯南")

    }

}

console.log("person.eat输出函数",person.eat)

person.eat(); //直接输出 我饿了,想吃饭

我们需要注意的是:person.eat和person.eat()的区别

  • person.eat是输出函数
  • person.eat()是调用函数

2.使用new字符创建对象


var person2=new Object();

person2.name='柯南'

person2.age='21'

person2.sex='男'

person2.eat=function(){

    console.log("我饿了,想吃饭")

}

person2.say=function(){

    console.log("我叫柯南")

}

console.log( '性别',person2.sex ) //输出男

上面这两种方式去创建对象的缺点:

虽然上面这两种都可以去创建对象

但是我们创建出来的对象压根就不知道是什么类型?

当然我们知道他们是OBject类型

这个时候我们就需要使用自定义构造函数去创建对象了

3.自定构造函数创建对象


function Person(name,age,sex,like){

    console.log('没有给like形参传递值就是undeined',like)

    // 这里的this指向的是Person这个对象

    console.log('this',this)

    this.name=name;

    this.age=age;

    this.sex=sex;

    this.say=function(){

        console.log("我叫",name)

    }

}

//这一行代码表示的是创建一个对象

//同时实例化一个对象

//并且给这个对象的属性进行初始化

//所以这一行代码并不简单

let per1=new Person('柯南',19,'男');

per1.say();

console.log(per1 instanceof Person);//true

现在我们知道了per1是属于Person类型的,这就是自定构造函数创建对象的优势,我们知道它创建的对象是哪个类型的

ps:构造函数通常首字母大写


当我们new一个对象的时候做了四件事情:

通过创建自定义对象我们明白了当我们new一个对象的时候做了四件事情

  • 1.开辟空间存储当前对象
  • 2.把this设置为当前对象
  • 3.设置属性和方法
  • 4.把this对象返回

4.工厂模式创建对象


function createObj(name,age) {

    let obj=new Object();

    obj.name=name;

    obj.age=age;

    obj.sayHi=function(){

        console.log(obj.name)

    }

    return obj;

}

let per=createObj('司藤',200)

console.log(per.age); //200

per.sayHi(); //司藤

到此这篇关于 js创建对象的四种方式的文章就介绍到这了,更多相关 JS创建对象的四种方式内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

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

本文链接: https://lsjlt.com/news/158594.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JS创建对象的四种方式
    目录1.通过字面量的方式去创建对象2.使用new字符创建对象3.自定构造函数创建对象4.工厂模式创建对象创建对象的4种方式: 1.字面量的方式去创建对象 2.使用n...
    99+
    2024-04-02
  • JavaScript对象的四种创建方法
    目录前言1. 基于对象字面量2. 利用new Object方式创建对象3. 基于构造函数4. 基于工厂方法前言 今天我们来学习一下JavaScript中关于对象的四种创建方法。 首先...
    99+
    2024-04-02
  • 基于SpringIOC创建对象的四种方式总结
    我们平时创建对象的方式无非就是以下两种: 有参构造 、无参构造 我们来看看在Spring中怎么处理这两种情况 首先我们先创建一个实体类: package com.MLXH.poj...
    99+
    2024-04-02
  • JS创建对象的方式是什么
    本篇内容主要讲解“JS创建对象的方式是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS创建对象的方式是什么”吧!创建对象的4种方式:字面量的方式去创建对象使用new字符创建对象自定义构造函...
    99+
    2023-06-21
  • js 创建对象的多种方式与优缺点小结
    目录早期创建方式工厂模式构造函数模式构造函数模式优化原型模式构造函数和原型模式组合动态原型模式寄生构造函数模式稳妥构造函数模式早期创建方式 var obj = new Objec...
    99+
    2024-04-02
  • Java中创建对象的6种方式
    目录背景创建对象的 6 种方式方法1:new 一个对象方法2:克隆一个对象方法3:类派发一个对象(反射)方法4:动态加载一个对象(反射)方法5:构造一个对象(反射)方法6:反序列化一...
    99+
    2024-04-02
  • Spring IOC创建对象的两种方式
    IOC创建对象的方式 一、 使用无参构造创建对象(默认方式) 创建实体类 注意:属性必须要有set方法,来完成注入 public class User { private S...
    99+
    2024-04-02
  • Java中创建对象的5种方式
    作为Java开发者,我们每天创建很多对象,但我们通常使用依赖管理系统,比如Spring去创建对象。然而这里有很多创建对象的方法,我们会在这篇文章中学到。Java中有5种创建对象的方式,下面给出它们的例子还有它们的字节码使用new关键字} →...
    99+
    2023-06-03
  • js中常见的4种创建对象方式与优缺点
    目录前言1、工厂模式2、构造函数模式3、原型模式4、Object.create()其他模式总结前言 说起创建对象,最容易想到的便是通过对象字面量方式直接定义一个对象吧,但这种方式只能...
    99+
    2024-04-02
  • java创建对象的方式有哪几种
    在Java中,可以通过以下几种方式创建对象:1. 使用new关键字:通过使用new关键字,可以调用类的构造方法实例化一个对象。例如:...
    99+
    2023-10-10
    java
  • 6种Java创建对象的方式总结
    目录1. 使用new关键字2. 使用Class的newInstance()方法3. 使用Constructor的newInstance()方法4. 使用clone()方法5. 使用反...
    99+
    2023-05-18
    Java创建对象方式 Java创建对象
  • 比较JavaScript对象的四种方式
    目录前言引用比较手动比较浅层比较深层比较总结前言 比较JavaScript中的原始值非常简单。只需使用任何一种可用的相等运算符即可,例如严格相等运算符: 'a' === 'c';...
    99+
    2024-04-02
  • .NET中创建对象的几种方式和对比
    目录使用标准反射的 Invoke 方法使用 Activator.CreateInstance 使用 Microsoft.Extensions.DependencyInjection ...
    99+
    2024-04-02
  • JavaScript中的创建枚举四种方式
    目录基于对象的枚举优缺点枚举值类型基于Object.freeze()枚举优缺点基于proxy枚举优缺点基于类的枚举优缺点总结字符串和数字具有无数个值,而其他类型如布尔值则是有限的集合...
    99+
    2023-05-19
    js枚举方式 js枚举 js创建枚举
  • JavaScript 对象创建的3种方法
    目录1、对象字面量2、new 关键字创建对象3、使用 Object.create() 创建对象 4、 使用扩展操作符:...5、使用Object.assign()方法6、简写属性7、...
    99+
    2024-04-02
  • JavaScript 对象的四种方式比较详解
    目录前言1. 引用比较2. 手动比较3. 浅层比较4. 深层比较5. 总结前言 比较 JavaScript 中的值非常简单,只需用相等运算符即可,例如严格相等运算符: 'a' ===...
    99+
    2024-04-02
  • JS创建对象的方法有哪些
    这篇文章将为大家详细讲解有关JS创建对象的方法有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。第一种:Object构造函数创建var Person ...
    99+
    2024-04-02
  • Java如何创建对象?五种方式介绍
    我们总是讨论没有对象就去new一个对象,创建对象的方式在我这里变成了根深蒂固的new方式创建,但是其实创建对象的方式还是有很多种的,不单单有new方式创建对象,还有使用反射机制创建对象,使用clone方法去创建对象,通过序列化和反序列化的方...
    99+
    2015-06-11
    java入门 Java 对象
  • 如何创建js对象
    这篇文章主要为大家展示了“如何创建js对象”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何创建js对象”这篇文章吧。1.对象字面量创建对象var obj = ...
    99+
    2024-04-02
  • JS怎么创建对象
    本篇内容主要讲解“JS怎么创建对象”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS怎么创建对象”吧!一、new Object(); var x="age"...
    99+
    2023-06-27
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作