创建、调用JavaScript对象的方法集锦-6ren

创建、调用JavaScript对象的方法集锦

转载作者：qq735679552 更新时间：2022-09-28 22:32:09

29

4

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章创建、调用JavaScript对象的方法集锦由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

今天在做项目时，遇到了需要创建JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的文章，看后跟着打了一遍代码。感觉方法挺好的，在这里与大家分享一下.

1、利用函数创建对象

。

复制代码代码如下:

 
 //定义对象 
 
 function Animal(type) 
 
 { 
 
     this.name=""; 
 
     this.type=type; 
 
    this.introduction=function(){ 
 
          return "我的名字是： "+this.name+",我属于 "+this.type; 
 
 } 
 
 } 
 
 var  animal=new Animal("家禽");   //实例化我们上面创建的对象 
 
        animal.name="小红"; 
 
       alert(animal.introduction());      //调用它的introduction函数(此时，页面会弹出：我的名字是 小红，我属于 家禽);

。

这种方法，大家一定都很熟悉了。但是，使用这种方法会造成性能的损耗。在这里，我们是通过new关键子来实例化对象的。其实，new关键子是做了两件事。一，定义了一个匿名方法(Animal)。2、调用它。这样就不如我们接下来要介绍的方法高效了.

2、利用对象字面量(object literals)

不知道翻译的对不对，待会我会把原文地址告诉大家，有兴趣的可以看原文.

。

复制代码代码如下:

 
 //定义对象 
 
     var Book= 
 
     { 
 
           name:"红楼梦", 
 
           type:"文学作品", 
 
           getAuthor:function() 
 
     { 
 
              return :"我是曹雪芹的孩子!"; 
 
     } 
 
    } 
 
       alert(Book.GetAuthor());  //调用对象方法，此时页面会出现:我是曹雪芹的孩子。 
 
        Book.name="灌篮";   //修改对象属性 
 
        alert(Book.name);    //此时，页面会弹出：灌篮

。

相信大家看到代码，应该明白了为什么说这个方法会高效一些了。因为，它相当于定义了一个JavaScript全局变量。我们可以直接用它，不需要实例化它。但是，这样看起来怪怪的啊。那么，解决方案来了。我们来看看第三种方法吧.

3、单例模式(Singleton using a function):

翻译成单例模式，可能不是太妥。先看代码吧

。

复制代码代码如下:

 
 //定义对象 
 
     var  Gender=new function() 
 
  { 
 
        this.type="女生"; 
 
       this.speaking=function() 
 
 { 
 
       return "我是"+this.type; 
 
 } 
 
 } 
 
      alert(Gender.speaking();)   //使用对象  此时页面会出现:我是女生。

。

大家看这段儿代码，是不是与我们的方法一很像呢？但是，它可像方法一那样工作的。方法一，用一次对象，就要创建一次对象。这个方法，创建一次对象，就可以永久使用。所以，这种方式，很类似于设计模式中的单例模式.

最后此篇关于创建、调用JavaScript对象的方法集锦的文章就讲到这里了,如果你想了解更多关于创建、调用JavaScript对象的方法集锦的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

29

4

0

文章推荐：穿越火线版本波动补偿礼包含多种游戏道具

文章推荐： Django数据库迁移报错InconsistentMigrationHistory

文章推荐： pandas中DataFrame数据合并连接（merge、join、concat)

文章推荐： LOL十周年战斗之夜完成任务领永久皮肤

java - 对象 a = 对象 b；对象 a 会发生什么？
我的一位教授给了我们一些考试练习题，其中一个问题类似于下面(伪代码): a.setColor(blue); b.setColor(red); a = b; b.setColor(purple); b
JavaScript 测试(对象 && 对象 !== "null"&& 对象 !== "undefined")
我似乎经常使用这个测试 if( object && object !== "null" && object !== "undefined" ){ doSomething(); } 在对象上，我
C#对象/对象
C# Object/object 是值类型还是引用类型？我检查过它们可以保留引用，但是这个引用不能用于更改对象。 using System; class MyClass { public s
javascript - 通过ajax发送json - 对象 - 对象
我在通过 AJAX 发送 json 时遇到问题。 var data = [{"name": "Will", "surname": "Smith", "age": "40"},{"name": "Wil
javascript - 如何获取值[对象][对象]
当我尝试访问我的 View 中的对象 {{result}} 时(我从 Express js 服务器发送该对象)，它只显示 [object][object]有谁知道如何获取 JSON 格式的值吗？这是
java - 对象...对象[] 和格式
我有不同类型的数据(可能是字符串、整数......)。这是一个简单的例子: public static void main(String[] args) { before("one"); }
javascript - 如何修复[对象，对象]
嗨，我是 json 和 javascript 的新手。我在这个网站找到了使用json数据作为表格的方法。我很好奇为什么当我尝试使用 json 数据作为表时，我得到 [Object,Object]
JavaScript [对象][对象] 调试
已关闭。此问题需要 debugging details 。目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and the
java - 对象==空或空==对象？
我听别人说 null == object 比 object == null check 例如: void m1(Object obj ) { if(null == obj) // Is thi
VBS教程：对象-Match 对象
Match 对象提供了对正则表达式匹配的只读属性的访问。说明 Match 对象只能通过 RegExp 对象的 Execute 方法来创建，该方法实际上返回了 Match 对象的集合。所有的
VBS教程：对象-Class 对象
Class 对象使用 Class 语句创建的对象。提供了对类的各种事件的访问。说明不允许显式地将一个变量声明为 Class 类型。在 VBScript 的上下文中，“类对象”一词指的是用
VBS教程：对象-Folder 对象
Folder 对象提供对文件夹所有属性的访问。说明以下代码举例说明如何获得 Folder 对象并查看它的属性： Function ShowDateCreated(f
VBS教程：对象-File 对象
File 对象提供对文件的所有属性的访问。说明以下代码举例说明如何获得一个 File 对象并查看它的属性： Function ShowDateCreated(fil
VBS教程：对象-Drive 对象
Drive 对象提供对磁盘驱动器或网络共享的属性的访问。说明以下代码举例说明如何使用 Drive 对象访问驱动器的属性： Function ShowFreeSpac
VBS教程：对象-FileSystemObject 对象
FileSystemObject 对象提供对计算机文件系统的访问。说明以下代码举例说明如何使用 FileSystemObject 对象返回一个 TextStream 对象，此对象可以被读
对象
我是 javascript OOP 的新手，我认为这是一个相对基本的问题，但我无法通过搜索网络找到任何帮助。我是否遗漏了什么，或者我只是以错误的方式解决了这个问题？这是我的示例代码: functio
对象
我可以很容易地创造出很多不同的对象。例如像这样: var myObject = { myFunction: function () { return ""; } };
对象
function Person(fname, lname) { this.fname = fname, this.lname = lname, this.getName = function()
javascript - JSON 返回(对象，对象)
任何人都可以向我解释为什么下面的代码给出 (object, Object) 吗？ (console.log(dope) 给出了它应该的内容，但在 JSON.stringify 和 JSON.parse
javascript - 返回 [对象，对象] 的工具提示
我正在尝试完成散点图 exercise来自免费代码营。然而，我现在只自己学习了 d3 几个小时，在遵循 lynda.com 的教程后，我一直在尝试确定如何在工具提示中显示特定数据。 This code

首页

博学

6Ren·AI

商城

创建、调用JavaScript对象的方法集锦