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

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、这里其实我们已经实现了静态的属性和方法,无须创建实例。

时间: 2024-10-02 13:33:06

javascript 对象入门实例教程_js面向对象的相关文章

JavaScript Switch 入门实例教程

JavaScript Switch 入门实例教程 有条件的声明在JavaScript被用来执行不同的行动,根据不同的条件. 范例switch语句 如何撰写switch语句. <html> <body> <script type="text/javascript"> var d = new Date(); theDay=d.getDay(); switch (theDay) { case 5:   document.write("<b&

flash 加载xml入门实例教程

flash 加载xml入门实例教程 在这篇文章中我们将使用一个xml文件,该文件描述了一个照相馆.的xml存储照片的标题和图像文件的位置 <?xml version="1.0"?> <gallery name="photo gallery"> <image name="picture_1" location="www.111cn.net/photo1.jpg" /> <image na

Vue.js快速入门实例教程_javascript技巧

什么是vue vue是法语中视图的意思,Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 一.基本结构 index.html代码: <script src="../vue.js"></script> <div id="app"> {{ message }} </div> <script src="app.js"></script> <

ThinkPHP快速入门实例教程之数据分页_php实例

数据分页可能是web编程里最常用到的功能之一.ThinkPHP实现分页功能十分简洁.只需要定义几个参数就可以实现.并且扩展也十分方便. 下面让我们从零开始实现ThinkPHP的分页程序吧. 1.首先,我们得创建一个用于分页测试的数据库 test.sql代码如下. CREATE TABLE `test` ( `id` int(10) unsigned NOT NULL auto_increment, `name` char(100) NOT NULL, `content` varchar(300)

[推荐]javascript 面向对象技术基础教程_js面向对象

结果呢,看了大半天,有了一个大概的了解,细细一回味,好像什么都没懂... 这篇文章是参考<<javascript-the definitive guide,5th edition>>第7,8,9章而写成的,我也 会尽量按照原书的结构来说明javascript的面向对象技术(对象/数组->函数-->类/构造函数/原型).对一些我自己也拿捏不准的地方,我会附上原文的英文语句,供大家参考. 如果不做说明,则文中出现的所有英文语句(程序体除外)都是引自<<javas

JavaScript对象及继承教程之内置对象(1)

一. 类与对象 在 JavaScript 世界里,关于面向对象第一个要澄清的概念就是类.对象都是有类来定义的,通过类来创建对象就是我们所熟悉的实例化.然而,在 JavaScript 中别没有真正的类,对象的定义就是对象自身.而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂.为了方便理解,我通常把这个发挥类的作用的调和剂称为类. 二. 内置对象 1. Array类 数组在 js 中是非常常用的一种数据结构,由于其灵活性和易用性,合理的使用数组可以帮助我们更好的实现相应的功能. 让我们先

Javascript对象Clone实例分析

 本文实例讲述了Javascript对象Clone用法.分享给大家供大家参考.具体如下:   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Object.prototype.Clone=function() { var objClone=new this.constructor(); //这里是创建一个与被Clone对象相同结构的对象 for(var key in this) { if(obj

React.js入门实例教程之创建hello world 的5种方式_javascript技巧

一.ReactJS简介 React 是近期非常热门的一个前端开发框架.React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很好用,就在2013年5月开源了.由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单.所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具. ReactJS官网地址:http:

javascript split函数实例教程

 javascript教程 split函数实例教程 <html> <head> <script> function foo() { var str = reverse('a,b,c,d,e,f,g'); alert(str); if (str == 'g,f,e,d,c,b,a') alert('成功'); else alert('失败'); } function reverse(str) { // 在此处加入代码,完成字符串翻转功能 var spl = str.spl