`
tanleihaoren
  • 浏览: 68393 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

JavaScript之创建对象

阅读更多

第一种:JSON方式

格式:

var 对象名 = {

              变量1: 变量1的值,

              变量1: 变量1的值,

              ……,

              函数1: function() {

                     函数体

},

函数2: function() {

                     函数体

},

……

};

说明:

(1)       大括号内直接填写变量或者函数;

(2)       对象的内容与值以冒号分隔,成对出现;

(3)       包含的变量或者函数之间以逗号分隔;

(4)       函数需要写在function(){}的大括号之内。

例子:

var  对象名 = {

       name: “张三”,

       age: 20,

       eat: function() {

              alert(‘我要吃饭’);

       },

       sleep: function() {

              alert(‘我要睡觉’);

       }

};

 

注释:类似的方式也叫做匿名类

匿名类举例:     { index: '//', reg: new RegExp('^//.*$'), css: "comment" }

上面的方式创建了类,只是没赋给一个变量而已。

 

第二种:function方式

格式:

function data() {

       this.变量1=变量1的值;

       this.变量2=变量2的值;

       ……;

this.函数1= function() {

       函数体

};

this.函数2= function() {

       函数体

};

……;

}

说明:

(1)       其内的变量或者函数前必需写上this关键字;

(2)       对象的内容与值以等号分隔,成对出现;

(3)       包含的变量或者函数之间以分号分隔。

(4)       函数需要写在function(){}的大括号之内。

例子:

       function data() {

       this.name=“张三”;

       this.age=20;

       this.eat=function() {

              alert(‘我要吃饭’);

       };

       this.sleep=function() {

              alert(‘我要睡觉’);

       }

}

第三种:原型方式

格式:

var 对象名 = {};

    对象名.prototype.变量1=变量1的值;

    对象名.prototype.变量2=变量2的值;

    ……;

对象名.prototype.函数1= function() {

       函数体

};

对象名.prototype.函数2= function() {

       函数体

};

……;

说明:

(1)       初始对象体内可以不定义任何东西;

(2)       在要定义的变量前加“对象名.prototype.”的格式;

(3)       对象的内容与值以等号分隔,成对出现;

(4)       包含的变量或者函数之间以分号分隔,也可以省去分号。

(5)       函数需要写在function(){}的大括号之内。

例子:

var data = {};

    data.prototype. name =“张三”;

    data.prototype. age =20;

    data.prototype. eat = function() {

       alert(‘我要吃饭’);

};

data.prototype. sleep= function() {

       alert(‘我要睡觉’);

};

第四种:create方式

该方式利用了Prototype JavaScript组件库。

格式:

       var 对象名 = Class.create();

       Object.extend(对象名.prototype, {

              变量1: 变量1的值,

              变量1: 变量1的值,

              ……,

              函数1: function() {

                     函数体

},

函数2: function() {

                     函数体

},

……

});

说明:

(1)       对象的创建使用了Prototype库中的Class.create()函数;

(2)       对象的内容使用Prototype库中的Object.extend()函数来扩展;

(3)       被扩展的对象在传入Object.extend函数时一定要带上prototype,

(4)       扩展内容被大括号包含,其内与JSON方式的定义格式完全相同。

例子:

       var data = Class.create();

       Object.extend(dta.prototype, {

       name: “张三”,

       age: 20,

       eat: function() {

              alert(‘我要吃饭’);

       },

       sleep: function() {

              alert(‘我要睡觉’);

       }

       });

 

       其实,JS对象的定义还有其它的方式,你也可以用上面4种进行组合定义,这显出了JS作为动态语言的自由性。

JS对象的创建正规方法如下:
var d1 = new Data();

       JS对象变量的引用方式有两种:

(1)       点号方式引用,如,data.name。

(2)       数组方式引用,如,data[‘name’]。

分享到:
评论

相关推荐

    javascript创建对象的方式(二)

    这篇博客“javascript创建对象的方式(二)”可能详细介绍了在JavaScript中除了最基础的字面量语法之外的其他创建对象的方法。这里我们将深入探讨几种常见的创建对象的方式。 1. **构造函数**: JavaScript中的...

    javascript如何创建对象

    JavaScript创建对象的方法主要有以下几种: 一、直接创建 直接创建是通过new Object()来创建一个新的空对象,然后逐步给这个对象添加属性和方法。例如,创建一个名为person1的对象,并添加name、gender属性,以及一...

    在javascript中创建对象的各种模式解析

    工厂模式是最早期的对象创建方式之一,它通过一个函数来创建对象,并返回新创建的对象。这种方法的核心是利用函数封装创建对象的细节,然后通过返回值来创建对象实例。工厂模式的优点是解决了创建多个具有相同属性和...

    Javascript创建自定义对象 创建Object实例添加属性和方法

    如下所示: 代码如下: var person...上面的例子创建了一个名为person的对象,并为它添加了三个属性(name、age和job)和一个方法(sayName())。其中,sayName()方法用于显示this.name()的值。早期的JavaScript开发人员

    javascript对象创建

    首先,让我们从最基础的创建对象的方式开始。在JavaScript中,可以使用字面量语法来创建一个简单的对象: ```javascript var obj = { name: 'John', age: 30, sayHello: function() { console.log('Hello, ' + ...

    javascript创建对象的方式(三)

    在JavaScript这门动态类型的编程语言中,创建对象是其核心特性之一。本文将详细探讨三种主要的创建JavaScript对象的方法,并结合“源码”与“工具”的概念,来深入理解这些方式在实际开发中的应用。 一、字面量...

    JavaScript学习之二 — JavaScript创建对象的8种方式

    本文将深入探讨JavaScript创建对象的8种常见方式,帮助你更好地理解和掌握这门动态类型的编程语言。 1. **字面量(Literal)方式** 这是最简单直接的创建对象的方式,通过大括号{}来定义一个对象,然后在内部用...

    JavaScript对象创建总结

    javascript对象创建方法总结,通过这些方法的总结,可以对对象有了更深一步的了解,也加深了对对象的巩固认识。

    javascript创建对象的方式(一)

    这篇博文主要探讨了JavaScript创建对象的几种常见方式,这对于理解和掌握JavaScript面向对象编程至关重要。在实际开发中,了解并灵活运用这些方法能够提高代码的可读性和可维护性。下面,我们将详细讲解标题中提到的...

    一、JavaScript 创建对象

    在JavaScript中,创建对象是编程的基本操作之一。它主要用于构建复杂的数据结构,实现面向对象编程。JavaScript提供了多种创建对象的方法,包括字面量语法、构造函数、对象原型、工厂函数、模块模式以及近年来引入的...

    JavaScript学习笔记之创建对象_.docx

    在JavaScript中,对象是核心概念之一,它们是无序属性的集合,允许我们存储和操作数据。对象的属性可以是基本值(如字符串、数字、布尔值)或更复杂的对象和函数,使得JavaScript具备强大的数据结构和面向对象编程...

    javascript动态创建对象的属性详解.docx

    ### JavaScript 动态创建对象属性详解 #### 一、引言 在JavaScript中,对象是其核心特性之一,能够帮助开发者高效地管理数据和逻辑。本文将深入探讨如何在JavaScript中动态创建对象属性,这对于构建灵活的应用程序...

    Javascript面向对象编程.

    在提供的资源中,《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导,而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...

    javascript面向对象创建对象的方式小结.docx

    ### JavaScript面向对象创建对象的方式小结 #### 一、引言 在JavaScript中,面向对象编程(OOP)是一种非常重要的编程范式。它通过创建和操作对象来组织代码,提高代码的复用性和可维护性。本文将详细介绍...

    JavaScript核心对象参考手册

    2. **对象创建与原型Prototype**: JavaScript使用`new`关键字创建对象实例,原型链允许对象间共享属性和方法,`__proto__`或`prototype`属性是理解这一机制的关键。 3. **函数对象Function**: 在JavaScript中,函数...

    面向对象JavaScript精要(英文原版pdf)

    - **第三章:JavaScript中的类和对象**:详细介绍如何使用JavaScript创建类和对象。 - **第四章:继承**:探讨JavaScript中实现继承的不同方式。 - **第五章:封装和私有性**:讲解如何在JavaScript中实现封装以及...

    在javascript中创建对象的各种模式解析_.docx

    在JavaScript中,创建对象是面向对象编程的基础。本文主要解析了JavaScript中几种常见的创建对象的模式,包括工厂模式、构造函数模式、原型模式以及它们的组合和动态原型模式。 首先,JavaScript是一门基于原型的...

    浅析在javascript中创建对象的各种模式_.docx

    在JavaScript中,创建对象是面向对象编程的基础。虽然JavaScript没有像其他面向对象语言那样的"类"概念,但它提供了多种创建对象的模式,以满足不同场景的需求。这些模式包括工厂模式、构造函数模式、原型模式以及...

    JavaScript面向对象的支持

    不使用`new`调用函数也会创建对象,只是不会链接到正确的原型。 4. **动态类型**: JavaScript是动态类型的,这意味着变量的类型可以在运行时改变。这使得在创建对象时更加灵活,但也可能导致一些潜在的类型错误。...

    JAVASCRIPT 面向对象编程精要

    在JavaScript中,创建对象可以通过以下方式: ```javascript let person = { name: "John Doe", age: 30 }; ``` 访问对象的属性也很简单: ```javascript console.log(person.name); // 输出 "John Doe" ``` ####...

Global site tag (gtag.js) - Google Analytics