`
yuanjianhang
  • 浏览: 110213 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用javascript构造一个自定义对象及其方法和属性

阅读更多

除了javascript内置对象的一些属性和方法外,javascript还支自定义对象,而且可以为对象添加自定义的对象和方法。

 

下面首先说下如何自定义自己的对象:

 

var person = {'name':'yuanjianhang','age':22,'sex':'male'}

 

上例中,就是定义了一个自定义的person对象,其中还定义了三个属性:name、age、sex。

要说明的是,在这种定义方式中,javascript会自动将冒号“:”之前的属性转化为字符串形式的。

 

如何给对象增加属性:

例如上例中,如果想给person增加一个新的属性,可以在大括号内直接写入:

var person = {'name':'yuanjianhang','age':22,'sex':male','health':'good'}

红色的部分就是新加的属性。

另一种给对象增加新的属性的方法是:

var person = {'name':'yuanjianhang','age':22,'sex':male'};

person.health = 'good';

目前我只知道这两种方法。

 

如何给对象增加方法:

还以对象person为例进行讲解。

var person = {'name':'yuanjianhang','age':22,'sex':male',eat:function() { alert('eat something'); }}

红色字体已经为对象person增加了一个新的方法,此方法就可以直接使用了:

person.eat();

 

另外一种为对象增加方法的方法为:

var person = {'name':'yuanjianhang','age':22,'sex':male'};

person.eat = function() {

alert('eat something');

}

此时新的方法已经添加成功。

 

添加对象的方法还有第三中形式:

var person = {'name':'yuanjianhang','age':22,'sex':male'};

function eat() {

alert('eat something');

}

person.dongNow = eat;

person.dongNow();

上例中我们创建了名为eat()的函数,然后把eat传给dongNow,后在调用.dongNow()方法。

 

目前我只知道以上方法创建对象和对象的相应方法和属性。如果大家还有更好的方法,欢迎大家多交流交流。

2
1
分享到:
评论

相关推荐

    第 4 章 自定义对象及表格操作.pptx

    本节课程目标是了解 JavaScript 自定义对象的建立方案、定义、创建及其属性和方法的访问,并掌握表格的操作。通过学习本节课程,学生将能够使用混合模式(原型模式 + 构造函数模式)建立自定义对象,通过表单动态...

    Javascript 中创建自定义对象的方法汇总

    这是最简单的创建对象的方式,通过大括号{}来直接定义对象及其属性和方法。例如: ```javascript var student = { name: "xiao ming", age: 20, getName: function () { alert(this.name); } }; ``` 这种...

    define方法和构造函数return对象学习

    `Class`构造函数创建了一个`Demo`的实例,并使用`Object.extend`方法将当前对象的属性扩展到`Demo`实例上。最终,通过这种方式创建的`cs`对象具有了`showName`方法。 #### 七、总结 通过以上分析可以看出,在...

    javascript如何创建对象

    面向对象编程关注的是解决问题所需的对象及其业务逻辑和方法,而面向过程则关注解决问题的步骤。在JavaScript中,对象可以分为系统对象和自定义对象,系统对象可以通过系统构造函数创建,如Array、Date等,而自定义...

    Javascript 设计模式之构造函数模式.zip

    构造函数模式的核心在于使用函数来创建具有相似属性和方法的对象。在JavaScript中,函数可以作为构造函数来调用,通过`new`关键字创建一个新的实例。这种模式允许我们创建自定义类型的对象,而不仅仅是使用内置类型...

    javascript面向对象之对象的深入理解.docx

    原型对象也是一个对象,并且它也可以拥有自己的属性和方法。 ```javascript console.log(Cat.prototype.constructor); // 输出构造函数 console.log(typeof Cat); // 输出数据类型 ``` #### 六、其他数据类型的对象...

    JS自定义对象创建与简单使用方法示例

    在本例中,JavaScript代码位于`<head>`标签内,定义了`obj`对象及其属性和方法,并在`<body>`部分提供了一个简单的标题。通过浏览器解析和执行这段代码,可以在控制台看到预期的输出。 ### 学习资源推荐 为了进一步...

    Javascript 对象

    通过构造函数、工厂函数或ES6的class语法,可以创建具有特定属性和方法的自定义对象。 #### 三、对象的创建与使用 在JavaScript中,可以通过以下几种方式定义和创建对象: 1. **字面量表示法**:最简单直观的方式...

    JavaScript_对象参考手册

    - **prototype**:允许向`String`对象添加自定义属性和方法。 **方法** `String`对象还提供了一系列实用的方法,包括但不限于: - **`anchor()`**:创建HTML锚。 - **`big()`**:使用大号字体显示字符串。 - **`...

    JS 操作Array数组的方法及属性实例解析

    总的来说,JavaScript中的Array对象及其属性和方法是JavaScript编程中不可或缺的部分,理解并熟练掌握这些知识对于提升JavaScript编程能力至关重要。通过不断实践和探索,开发者可以更高效地处理数组数据,编写出...

    JavaScript 对象简介

    JavaScript对象是其面向对象编程...熟练掌握这些对象及其属性和方法,是提高JavaScript编程技能的关键步骤之一。随着深入学习,开发者还能探索更多高级特性,如自定义对象的创建和使用,进一步提升代码的结构和效率。

    JavaScript王者归来part.1 总数2

     11.5.1 Form对象及其范例   11.5.2 定义表单元素   11.5.3 客户端表单校验及其例子   11.5.4 创建一款通用的客户端表单校验组件   11.6 其他内置对象   11.6.1 Navigator对象--浏览器总体信息的代表  ...

    JavaScript与OOP

    - 对象初始化器方式:使用大括号直接定义对象及其属性和方法。 - 构造函数方式:定义一个函数作为构造函数,通过`new`关键字创建对象,构造函数可以接收参数并创建私有和公共成员。 7. **对象属性和方法的定义** ...

    JavaScript继承的特性与实践应用深入详解

    这意味着一个对象可以直接从另一个对象继承属性和方法。下面将深入探讨JavaScript继承的特性及其实践应用。 1. 伪类继承: JavaScript 的继承机制不直接实现对象间的继承,而是通过构造函数创建对象,并利用`...

    JS常用对象及用法属性的总结(全)

    在这个总结中,我们将深入探讨JavaScript中的常见对象及其重要属性和用法。 1. **全局对象**: - `window`:在浏览器环境中,`window` 是全局对象,它包含了所有JavaScript的全局变量和函数。例如,`window....

    创建一个自定义控件1

    在本文中,我们将探讨如何创建一个自定义图层切换器控件,这个控件不仅允许用户在图层间切换,还具有交互性和自定义样式。我们将遵循以下步骤: 1. **创建HTML文件**: 首先,我们需要一个包含OpenLayers依赖的...

    JavaScript基础第06天笔记.md

    通过查阅这些文档,你可以了解到内置对象的常用成员(属性和方法),这对于学习和使用这些内置对象来说至关重要。 ### 1.3 Math 对象 `Math`对象并不是一个构造函数,而是包含一系列数学常数和函数的对象。这些...

Global site tag (gtag.js) - Google Analytics