javascript 对象入门实例教程

 更新时间:2010年04月13日 20:59:09   作者:  
学习javascript 对象操作的朋友可以参考下,这个是入门级教程。
1:构造函数法

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

注解:
1:这里定义了一个Dog对象(在javascript中,函数就是对象,这里function Dog(name,weight) 同时也是构造函数),用new关键字创建了一个对象实例dog。
2:其中_name、_weight、_show、_sex为实例dog的属性。可以通过:实例名.属性名 或 实例名[“属性名”]访问实例属性,即dog._name=dog["_name"]。
3:在构造函数(这里function Dog(name,weight) 同时也是构造函数)中的属性会附加到所有的实例上,例:var dog1=new Dog(…);dog1会有_name、_weight、_show属性,但是_sex属性只为dog实例专有,它不会被加载到其他对象上。
2:Object创建法:
object对象提供了一种创建自定义对象的简单方法,不需要再定义构造函数。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

注解:
这里使用Object对象创建了一个cat实例。
3:对象初始化器方式

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

注解:
1、这里其实我们已经实现了静态的属性和方法,无须创建实例。

相关文章

  • 最简单的javascript对象实例代码

    最简单的javascript对象实例代码

    非常简单的js面向对象实例代码,主要是利用了this,对于js面向对象的学习资料,可以查看脚本之家以前的文章。
    2009-12-12
  • javascript 面向对象编程基础:继承

    javascript 面向对象编程基础:继承

    "继承是面向对象开发的又一个重要概念,它可以将现实生活的概念对应带程序逻辑中"。“ 虽然在JavaScript中没有专门的机制来实现类的继承,但可以通过拷贝一个类的prototype 到另外一个类来实现继承”。
    2009-08-08
  • 一个cssQuery对象 javascript脚本实现代码

    一个cssQuery对象 javascript脚本实现代码

    原创的一个cssQuery对象,类似于jQuery的$函数通过css选择器选择DOM元素,目前还不支持xPath语法
    2009-07-07
  • js创建对象的几种常用方式小结(推荐)

    js创建对象的几种常用方式小结(推荐)

    最近在看javascript高级程序设计,其中对对象的创建做了具体的阐述,综合起来,总结了下(je知识库javascript专栏由这方面的教程,有兴趣的可以去知识库看看)
    2010-10-10
  • javascript 单例模式演示代码 javascript面向对象编程

    javascript 单例模式演示代码 javascript面向对象编程

    单例模式的好处就是:类只实例化一次,省资源,节省开销,提高速度,学习js面向对象编程的朋友可以参考下。
    2010-04-04
  • javascript面向对象之Javascript 继承

    javascript面向对象之Javascript 继承

    所有面向对象的语言都应该有继承的特性,JavaScript 也不例外。
    2010-05-05
  • javascript面向对象之二 命名空间

    javascript面向对象之二 命名空间

    javascript中本没有命名空间的概念,但是要体现面向对象的思想,应当有命名空间,就像java中的package,.net中的namespace一样,作用主要为了防止类名冲突,相同的类名只要属于不同的命名空间,便不会冲突。
    2011-02-02
  • js 简单类代码

    js 简单类代码

    js类的封装方法,说实话我也是新手,一直没涉及到js的类,下面的代码,应该看的懂,不懂就先用脑子记下了,见得多了就会了
    2008-05-05
  • JavaScript 构造函数 面相对象学习必备知识

    JavaScript 构造函数 面相对象学习必备知识

    关于JavaScript构造函数,如今出现了很多JavaScript的框架,例如jQuery、Ext等等这些,这些将JavaScript作为一种面向对象的语言进行编程,那么JavaScript到底是怎么样实现面向对象的一些特征的呢,首先,我们来看看JavaScript怎么样来定义一个构造函数。
    2010-06-06
  • Javascript 面向对象 重载

    Javascript 面向对象 重载

    在面向对象语言里重载是很重要的一个特性,而JavaScript这个自称面向对象的语言竟然没有直接提供重载的功能。
    2010-05-05

最新评论