返回顶部
首页 > 资讯 > 前端开发 > html >javascript创建对象的几种常见方法
  • 810
分享到

javascript创建对象的几种常见方法

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

本篇内容介绍了“javascript创建对象的几种常见方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!既

本篇内容介绍了“javascript创建对象的几种常见方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

既然是面向对象,首先我们要知道如何创建一个对象,以下列出了创建对象的几种常见方法:

A.直接创建一个对象实例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

//直接实例化一个对象

var Person1 = { Name: "梦在旅途", Age: 29, Sex: "男", Height: 178 };

alert(Person1.Name);

var Person2 = new Object();

Person2.Name = "梦在旅途";

Person2.Age = 29;

Person2.Sex = "男";

Person2.Height = 178;

alert(Person2.Name);

//这个是上面的简写

var Person3 = new Object({ Name: "梦在旅途", Age: 29, Sex: "男", Height: 178 });

alert(Person3.Name);

优点:直接创建一个对象,无需提前定义类型;

缺点:无法实现复用;

B.先定义后实例化对象:

1

2

3

4

5

6

7

8

9

10

//先定义类,再实例化成对象

function Person4(n,a,s,h) {

    this.Name = n;

    this.Age = a;

    this.Sex = s;

    this.Height = h;

}

var p4 = new Person4("梦在旅途", 29, "男", 178);

alert(p4.Age);

优点:类似面向对象编程语言的构造函数,容易理解,且定义后可通过new关键字实例化多个对象,实现复用。

缺点:需先定义后才能实例化;

综上所述,建议采用B方法来创建对象。

实现封装,即只暴露公共方法与公共属性,隐藏实现细节(私有方法、属性)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

function Person5(n, a, s, h) {

    //公共属性

    this.Name = n;

    this.Age = a;

    this.Sex = s;

    this.Height = h;

    

    //公共方法

    this.AfterYear = function (count) {

        updateAge(count);

        alert(_currentYear +"后,我已经:" + this.Age +"岁了!");

    };

    this.Say = function () {

        alert("我的个人信息--> Name: "+ this.Name+", Age: "+ this.Age +", Sex: "+ this.Sex +", Height:" + this.Height);

    }

    //私有属性与方法

    var _self = this;

    var _currentYear = 2015;

    function updateAge(count) {

        _currentYear += count;

        _self.Age += count;

    };

}

var p5 = new Person5("梦在旅途", 29, "男", 178);

p5.AfterYear(10);

p5.AfterYear(25);

利用原型链实现继承,即一个对象包含另一个对象的所有公共属性与方法,实现继承的方法有很多,我觉得采用如下形式来模拟继承更符合面向对象的思维:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

function SoftEngineer(n, a, s, h, lang) {

    Person5.call(this, n, a, s, h);//将Person5的所有属性与方法包含到SoftEngineer中,从而实现继承

    this.Lang = lang;

    this.SayCode = function () {

        alert("我是一名软件工程师,我会" + this.Lang + "编程语言!");

    }

    this.Working = function () { };//空方法,类似面向对象中的虚方法

}

SoftEngineer.prototype = new Person5(); //将SoftEngineer的原型指定Person5的实例

var softengr = new SoftEngineer("梦在旅途", 29, "男", 178, "javascript");

softengr.Say();

softengr.SayCode();

利用原型链实现多态,即基于同一个方法签名在不同的子类中表现的形式不同:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

function WEBSoftEngineer(n, a, s, h, lang) {

    SoftEngineer.apply(this, [n, a, s, h, lang]);

    this.Working = function () {

        alert("我是网页工程师,从事网页开发设计工作!");

    };

};

WebSoftEngineer.prototype = new SoftEngineer();

function AppSoftEngineer(n, a, s, h, lang) {

    SoftEngineer.apply(this, [n, a, s, h, lang]);

    this.Working = function () {

        alert("我是应用工程师,从事客户端应用程序开发设计工作!");

    };

};

AppSoftEngineer.prototype = new SoftEngineer();

var webengr = new WebSoftEngineer("梦在旅途", 29, "男", 178, "javascript");

webengr.Say();

webengr.Working();

var appengr = new AppSoftEngineer("梦在旅途", 29, "男", 178, "C#");

appengr.Say();

appengr.Working();

“javascript创建对象的几种常见方法”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: javascript创建对象的几种常见方法

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

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

猜你喜欢
  • javascript创建对象的几种常见方法
    本篇内容介绍了“javascript创建对象的几种常见方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!既...
    99+
    2024-04-02
  • javascript中有哪几种创建对象的方法
    本篇内容介绍了“javascript中有哪几种创建对象的方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2024-04-02
  • JavaScript 对象创建的3种方法
    目录1、对象字面量2、new 关键字创建对象3、使用 Object.create() 创建对象 4、 使用扩展操作符:...5、使用Object.assign()方法6、简写属性7、...
    99+
    2024-04-02
  • JavaScript对象的四种创建方法
    目录前言1. 基于对象字面量2. 利用new Object方式创建对象3. 基于构造函数4. 基于工厂方法前言 今天我们来学习一下JavaScript中关于对象的四种创建方法。 首先...
    99+
    2024-04-02
  • java中创建对象的方法有几种
    一、使用new关键字这是我们最常见的也是最简单的创建对象的方式,通过这种方式我们还可以调用任意的构造函数(无参的和有参的)。例如:User user = new User();二、使用反射机制运用反射手段,调用Java.lang.Class...
    99+
    2021-01-18
    java 创建 对象 方法
  • JavaScript创建对象的方法
    这篇文章主要讲解了“JavaScript创建对象的方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript创建对象的方法”吧! 通过 Jav...
    99+
    2024-04-02
  • java创建对象的方式有哪几种
    在Java中,可以通过以下几种方式创建对象:1. 使用new关键字:通过使用new关键字,可以调用类的构造方法实例化一个对象。例如:...
    99+
    2023-10-10
    java
  • .NET中创建对象的几种方式和对比
    目录使用标准反射的 Invoke 方法使用 Activator.CreateInstance 使用 Microsoft.Extensions.DependencyInjection ...
    99+
    2024-04-02
  • js中常见的4种创建对象方式与优缺点
    目录前言1、工厂模式2、构造函数模式3、原型模式4、Object.create()其他模式总结前言 说起创建对象,最容易想到的便是通过对象字面量方式直接定义一个对象吧,但这种方式只能...
    99+
    2024-04-02
  • JavaScript创建对象的几种方式及关于this指向问题
    目录工厂模式构造函数模式关于 this原型模式工厂模式 工厂模式一般用于抽象创建特定对象的过程,是按照特定接口创建对象的方式。 function createPerson(...
    99+
    2024-04-02
  • JavaScript对象合并的几种方法小结
    目录1、使用 Object.assign() 方法2、使用解构赋值语法3、使用 Lodash 中的 merge() 方法4、for-in 循环 + 手动赋值5、使用 Object.k...
    99+
    2023-02-17
    JavaScript 对象合并
  • javascript创建一个对象的方法
    这篇文章主要介绍“javascript创建一个对象的方法”,在日常操作中,相信很多人在javascript创建一个对象的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ja...
    99+
    2024-04-02
  • JavaScript 对象创建的3种方法分别是什么
    本篇文章给大家分享的是有关JavaScript 对象创建的3种方法分别是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。前言:在 JavaScript中,对象是一组有属性名和...
    99+
    2023-06-25
  • javascript有哪些创建对象的方法
    javascript有哪些创建对象的方法?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。方法是:1、使用内置对象,JavaScript语言原生对象或运行期的宿主对...
    99+
    2023-06-15
  • JavaScript中常见的几种继承方式
    目录原型继承内存图分析盗用构造函数继承分析组合继承原型链继承寄生式继承寄生组合式继承原型继承 function Parent(name) { this.name = name }...
    99+
    2024-04-02
  • JavaScript获取对象key的几种方法和区别
    目录1、Object.keys()遍历自身可以枚举属性2、Ojbect.values() /Ojject.entries()3、for-in 遍历可枚举属性prototype 属性4...
    99+
    2024-04-02
  • 关于JavaScript数组对象去重的几种方法
    数组对象如下: let repeatData = [ { id: 1, name: 'sun', age: 18 }, { id: 1, name: ...
    99+
    2023-05-17
    JavaScript数组去重 js数组对象去重
  • JavaScript中创建动态QML对象的方法
    一、动态创建对象 有两种方法可以从 JavaScript 动态创建对象: 调用 Qt.createComponent() 动态创建 Component 对象 使用...
    99+
    2024-04-02
  • 几种常见的归一化方法
    数据归一化是深度学习数据预处理中非常关键的步骤,可以起到统一量纲,防止小数据被吞噬的作用。 一:归一化的概念 归一化就是把所有数据都转化成[0,1]或者[-1,1]之间的数,其目的是为了取消各维数据之间的数量级差别,避免因为输入输出数据数量...
    99+
    2023-09-03
    深度学习 python 人工智能
  • pyspark创建DataFrame的几种方法
    目录pyspark创建DataFrame RDD和DataFrame 使用二元组创建DataFrame 使用键值对创建DataFrame 使用rdd创建DataFrame 基于rdd...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作