首页 > 编程语言 >JavaScript创建对象的3种不同方式

JavaScript创建对象的3种不同方式

时间:2022-11-30 11:03:18浏览次数:45  
标签:obj name 方式 printInfo age JavaScript 创建对象 copyClass 函数

JavaScript创建对象的3种不同方式_初始化

JavaScript是一种灵活的面向对象的语言。在本文中,我们将看到3种不同的JavaScript创建对象的方法。

在此之前,重要的是要注意JavaScript是一种无类语言,并且这些函数以某种方式使用,以便它们模拟一个类。

1、使用函数作为类

这是JavaScript实例化对象最简单的方法之一。我们定义一个经典的JavaScript函数,并使用new关键字创建该函数的对象。函数的属性和方法是使用this关键字创建的。

<script> 
// Function acting as a Class.
function copyClass(name, age) {
this.name = name;
this.age = age;
this.printInfo = function() {
console.log(this.name);
console.log(this.age);
}
}


// Creating the object of copyClass
// and initializing the parameters.
var obj = new copyClass("Vineet", 20);


// Calling the method of copyClass.
obj.printInfo();
</script>

输出:

Vineet
20

说明:OOP中的类有两个主要组成部分,某些参数和少量成员函数。在此方法中,我们声明一个类似于类的函数,有两个参数,名称和年龄(this关键字用于将类的名称和年龄与所提供的参数的名称和年龄区分开。)和一个printInfo方法,它打印这些参数的值。然后,我们简单地创建copyClass的对象obj,对其进行初始化并调用它的方法。

2、使用对象文字:

文字是定义对象的更小,更简单的方法。下面,我们仅使用对象文字实例化与上一个对象完全相同的对象。

<script> 
// Creating Object.
var obj = {
name : "",
age : "",
printInfo : function() {
console.log(this.name);
console.log(this.age);
}
}


// Initializing the parameters.
obj.name = "Vineet";
obj.age = 19;


// Using method of the object.
obj.printInfo();
</script>

输出:

Vineet
20

说明:此方法的工作原理与上一个方法相同,但是我们没有将参数(名称和年龄)和方法(printInfo)捆绑在函数内部,而是将它们捆绑在对象本身中,初始化对象并简单地使用方法。

3、Singleton使用函数:

第三种方式是我们已经看到的其他两种方式的组合。我们可以使用函数来定义单例对象。

<script> 
// Creating singleton object.
var obj = new function() {
this.name = "";
this.age = "";
this.printInfo = function() {
console.log(this.name);
console.log(this.age);
};
}


// Initializing object.
obj.name = "Vineet";
obj.age = 20;


// Calling method of the object.
obj.printInfo();
</script>

输出:

Vineet
20

说明:这是前两种方法的组合,我们将方法和参数捆绑在一个函数中,但不为它声明一个单独的函数(就像方法1中的copyClass一样)。相反,我们简单地使用函数结构来声明对象。



JavaScript创建对象的3种不同方式_this关键字_02

JavaScript创建对象的3种不同方式_this关键字_03

标签:obj,name,方式,printInfo,age,JavaScript,创建对象,copyClass,函数
From: https://blog.51cto.com/u_15809510/5897847

相关文章

  • 教你用JavaScript获取大转盘
    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个大转盘。当你难以抉择的时候不妨用这个案例来帮你做选择。通过编程......
  • JavaScript基础(一)
    JavaScript基础第01天1-编程语言1.1编程编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所......
  • JavaScript调用App原生代码(iOS、Android)通用解决方案
     实际场景场景:现在有一个H5活动页面,上面有一个登陆按钮,要求点击登陆按钮以后,唤出App内部的登录界面,当登录成功以后将用户的手机号返回给H5页面,显示出来。这个场景应......
  • JavaScript合集(流程控制语句)
    流程控制条件判断语句条件分支语句循环语句条件判断语句if语句语法: if(条件表达式){ 语句 } ------- if(a>10){alert('a比10大')......
  • [XState] Create Actor in Vanilla Javascript
     functioncountBehavior(state,event){if(event.type==="INC"){return{...state,count:state.count+1}}}functioncreateA......
  • 23条JavaScript初学者应知的最佳实践方法
    1、优先使用===,而不是==JavaScript使用两种相等性操作符:===|!==和==|!=。通常认为做比较的最佳实践是使用前一组操作符。“若两个操作数的类型和值相同,那么===比较的结果为......
  • 10种经典排序算法的JavaScript实现方法
    排序算法是《数据结构与算法》中最基本的算法之一。常见的一些排序算法有:插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。其中,冒泡排序......
  • 图解实例讲解JavaScript算法,让你彻底搞懂
    你好程序员,我们大多数人都害怕算法,并且从未开始学习它。但我们不应该害怕它。算法只是解决问题的步骤。今天让我们以简单和说明性的方式介绍主要算法。不要试图记住它们......
  • 0 工作方式和内存管理
    0工作方式及内存管理0.0工作方式什么是Java程序?如何进行提交?Java程序是由一组类所组成的,其中有一个类会带有启动用的main()方法。因此程序员必须要编写一或多个类并......
  • 自定义构造函数 创建对象
    函数适用于封装方法的  构造函数就是用于封装对象的1.构造函数首字母大写2.调用通过newnew函数名()3.通过this添加属性//functionPig(name,age){//......