热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript对象入门实例教程_js面向对象

学习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、这里其实我们已经实现了静态的属性和方法,无须创建实例。
推荐阅读
author-avatar
文艺犯
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有