javascript 对象入门实例教程

1:构造函数法

function Dog(name,weight)
{
this._name=name;
this._weight=weight;
this._show=function()
{
document.write(dog._name+" is "+dog._sex);
}
}
var dog=new Dog("Join",100);
dog._sex="male";
dog._show();

[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对象提供了一种创建自定义对象的简单方法，不需要再定义构造函数。

var cat=new Object();
cat.name="david";
cat.sex="female";
document.write(cat.name+" is "+cat.sex);

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

var Cow={
name :"BeautifulCow",
sex :"female",
weight :1000,
show :function(){alert(this.name+this.sex+this.weight+this.address)}
}
Cow.address="USA.NewYork"
Cow.show();

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

赞 (0)

相关推荐

  • javascript 对象入门实例教程

    1:构造函数法 function Dog(name,weight) { this._name=name; this._weight=weight; this._show=function() { document.write(dog._name+" is "+dog._sex); } } var dog=new Dog("Join",100); dog._sex="male"; dog._show(); [Ctrl+A 全选 注:如需引入外部Js

  • Vue.js快速入门实例教程

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

  • MyBatis入门实例教程之创建一个简单的程序

    MyBatis入门实例教程之创建一个简单的程序

    准备: (1) IDEA 2021 (2)Java 1.8 (3)数据库 MySQL 5.7 (SQLyog 或 Navicat) 在 MySQL 中创建数据库 mybatisdemo,编码为 utf8 新建表: USE mybatisdemo CREATE TABLE users( uid INT PRIMARY KEY AUTO_INCREMENT, uname VARCHAR(20) NOT NULL, uage INT NOT NULL ); INSERT INTO users(uid,

  • ReactJS入门实例教程详解

    ReactJS入门实例教程详解

    目录 一.ReactJS简介 二.对ReactJS的认识及ReactJS的优点 1.ReactJS的背景和原理 2.组件化 三.下载ReactJS,编写Hello,world 四.Jsx语法 五.ReactJS组件 1.组件属性 2.组件状态 3.组件的生命周期 4.组件的嵌套 六.ReactJS小结 七.参考资料 现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我

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

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

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

  • Javascript对象Clone实例分析

    本文实例讲述了Javascript对象Clone用法.分享给大家供大家参考.具体如下: Object.prototype.Clone=function() { var objClone=new this.constructor(); //这里是创建一个与被Clone对象相同结构的对象 for(var key in this) { if(objClone[key]!=this[key]) { if(typeof(this[key])=='object') { objClone[key]=this[

  • php单元测试phpunit入门实例教程

    本文实例讲述了php单元测试phpunit.分享给大家供大家参考,具体如下: 这篇文章提供了一些phpunit官方教程没有提到的信息,帮助初学者快速了解php单元测试,在phpunit官网提供了详细的中文教程,可选多种格式下载 phpunit官网地址:https://phpunit.de/ 何为单元测试: 指对软件中的基本单元进行测试,如函数.方法等,以检查其返回值或行为是否符合预期:实际中软件是很复杂的,由许多组件构成,执行流程连贯在一起,要进行单元片段的测试,就需要为其提供执行上下文(或者说

  • Ajax+PHP简单基础入门实例教程

    首先我们来了解怎么在javascript中创建这个对象: 程序代码 var xmlHttp = new XMLHttpRequest(); 这行简单的代码在 Mozilla.Firefox.Safari.Opera 以及基本上所有以任何形式或方式支持 Ajax 的非 Microsoft 浏览器中,创建了 XMLHttpRequest 对象.但是对于市场占有率达到70%的IE来说,这种方法是不行的,而不同的IE版本还有不同的创建方法,所以我们需要在IE下面使用下面两种创建对象的办法: 程序代码 t

  • 使用RequireJS库加载JavaScript模块的实例教程

    js通过script标签的默认加载方式是同步的,即第一个script标签内的js加载完成后,才开始加载第二个,以此类推,直至js文件全部加载完毕.且js的依赖关系必须通过script的顺序才能确保:而在js加载期间,浏览器将停止响应,这大大影响了用户体验,基于此,很多解决js以来和加载的方案出现,require js就是其中之一. requirejs加载的模块,一般为符合AMD标准的模块,即用define定义,用ruturn返回暴露方法.变量的模块:requirejs也可以加载飞AMD标准的模块

  • 微信小程序开发之入门实例教程篇

    微信小程序开发之入门实例教程篇

    前言 近日,在工作闲暇之余,阅读了一些关于微信小程序的文章,忍不住,想动手试他一试.本文就以"我的第一个微信小程序"为例,简单的介绍下,微信小程序的入门级用法. 一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可. 2.注册成功后进入首页,在 小程序发布流程->小程序开发与管理->配置服务器中,点击"开发者设置". 3.会获得一个AppID,记录AppID,后面创建项

随机推荐