`
yuanjianhang
  • 浏览: 109121 次
  • 性别: 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
分享到:
评论

相关推荐

    JavaScript王者归来part.1 总数2

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

    JavaScript详解(第2版)

     8.5.4 所有对象都有的属性和方法   8.5.5 创建子类及继承   8.6 应知应会   练习   第9章 JavaScript核心对象   9.1 什么是核心对象   9.2 数组对象   9.2.1 数组的声明及填充   9.2.2 ...

    精通JavaScript

    2.选择浏览器的“工具”-“安全”-“本地Intranet”-“自定义级别”-“活动脚本”中选用“禁用”单选框 3.在浏览器中输入下述地址:http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2....

    精通javascript

    • 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7.htm 事件控制器的例子 • 11.8.htm JavaScript实现...

    JS匿名函数、闭包

    即使JavaScript中没有正式的私有对象属性的概念,但可以使用闭包来实现公有方法,而通过公有方法可以访问在包含作用域中定义的变量; 有权访问私有变量的公有方法叫做特权方法; 可以使用构造函数模式、原型模式...

    福优林@Qt5小白变大牛初级篇word---第11章.pdf

    它定义并实现了语言及其引擎架构,并且提供了一个接口,允许应用开发者以自定义类型和集成JavaScript与C++代码的方式来扩展QML语言。 Qt QML模块提供了QML和C++两套接口。 QML(Qt Meta-Object Language,Qt元对象...

    asp.net知识库

    动态调用对象的属性和方法——性能和灵活性兼备的方法 消除由try/catch语句带来的warning 微软的应试题完整版(附答案) 一个时间转换的问题,顺便谈谈搜索技巧 .net中的正则表达式使用高级技巧 (一) C#静态成员和...

    Java语言基础下载

    常用对象的属性和方法 525 算术函数的math对象 527 创建新对象 529 JavaScript中的数组 532 实例 535 文档对象功能及其作用 538 document中三个主要的对象 539 文档对象的基本元素 541 窗口及输入输出 544 输出流及...

    Ext Js权威指南(.zip.001

    7.4.11 数据模型的配置项、属性和方法 / 343 7.5 store / 344 7.5.1 概述 / 344 7.5.2 store对象的实例化过程 / 345 7.5.3 treestore对象的实例化过程 / 348 7.5.4 ext.data.store加载数据的方法 / 350 7.5.5...

Global site tag (gtag.js) - Google Analytics