创建 JavaScript 对象
http://www.w3school.com.cn/js/js_objects.asp
创建 JavaScript 对象
通过 JavaScript,您能够定义并创建自己的对象。
创建新对象有两种不同的方法:
- 定义并创建对象的实例
- 使用函数来定义对象,然后创建新的对象实例
创建直接的实例
这个例子创建了对象的一个新实例,并向其添加了四个属性:
实例
person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue";
亲自试一试
替代语法(使用对象 literals):
实例
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};
亲自试一试
使用对象构造器
本例使用函数来构造对象:
实例
function person(firstname,lastname,age,eyecolor) { this.firstname=firstname; this.lastname=lastname; this.age=age; this.eyecolor=eyecolor; }
亲自试一试
创建 JavaScript 对象实例
一旦您有了对象构造器,就可以创建新的对象实例,就像这样:
var myFather=new person("Bill","Gates",56,"blue"); var myMother=new person("Steve","Jobs",48,"green");
把属性添加到 JavaScript 对象
您可以通过为对象赋值,向已有对象添加新属性:
假设 personObj 已存在 - 您可以为其添加这些新属性:firstname、lastname、age 以及 eyecolor:
person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue";x=person.firstname;
在以上代码执行后,x 的值将是:
Bill
把方法添加到 JavaScript 对象
方法只不过是附加在对象上的函数。
在构造器函数内部定义对象的方法:
function person(firstname,lastname,age,eyecolor) { this.firstname=firstname; this.lastname=lastname; this.age=age; this.eyecolor=eyecolor;this.changeName=changeName; function changeName(name) { this.lastname=name; } }
changeName() 函数 name 的值赋给 person 的 lastname 属性。
现在您可以试一下:
myMother.changeName("Ballmer");
亲自试一试
JavaScript 类
JavaScript 是面向对象的语言,但 JavaScript 不使用类。
在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。
JavaScript 基于 prototype,而不是基于类的。
创建 JavaScript 对象相关推荐
- 创建JAVASCRIPT对象3种方法
创建JAVASCRIPT对象3种方法 方法一:直接定义并创建对象实例 var obj = new Object(); //创建对象实例 //添加属性obj.num = 5; //添加属性 o ...
- 创建javascript对象的几种方式
ECMAScript提供的对象有:String.Date.Array.Boolean.Math.Number.RegExp.Global 程序中需要用到很多自定义的js对象 1.直接创建 var ob ...
- JavaScript对象理解
1.对象 javascript对象:有助于组织信息 对象仅仅是一种特殊的数据类型?⒂涤幸幌盗械氖粜院头椒ā?lt;br /> 访问对象的属性:对象名.属性名 对象的方法调用:对象名.方法名() ...
- 【javascript高级教程】JavaScript 对象
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数...及自定义对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法 ...
- php javascript对象,JavaScript 对象
JavaScript 对象 JavaScript 对象是拥有属性和方法的数据. 真实生活中的对象,属性和方法 真实生活中,一辆汽车是一个对象. 对象有它的属性,如重量和颜色等,方法有启动停止等: 对象 ...
- JavaScript 对象总结
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象 JavaScript 对象 对象只是一种特殊的数据.对象拥有属性和方法 访问对象 ...
- JavaScript对象及函数
文章目录 JS的对象 对象定义 对象属性 访问对象属性 对象方法 访问对象方法 JavaScript函数 JavaScript 函数语法 JS的对象 JavaScript 对象是拥有属性和方法的数据. ...
- JavaScript对象的创建
原文 简书原文:https://www.jianshu.com/p/6cb1e7b7e379 大纲 前言 1.简单方式创建对象的方法 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对 ...
- [置顶] 深入浅出Javascript(三)创建自定义对象以及属性、方法
怎么样创建一个对象? 利用Object创建自定义对象 JavaScript能够自定义对象来扩展程序的功能,不仅如此,它还能扩展JavaScript提供的内置对象,新增内置对象的属性或方法 例如下面代码 ...
最新文章
- 第二十三周微职位elk日志系统
- 编程之美2.10:寻找数组中的最大值和最小值
- PMCAFF产品经理第一课 | 深圳站 现场集锦
- 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(学成在线)
- 高并发系统数据库架构设计
- NiftyNet开源平台使用
- anaconda中tensorflow-estimator版本应与tensorflow-gpu版本相同
- Nodejs学习笔记(六)——Mysql模块
- FlinkCdc从Mysql指定的binlog日志offsetPos位置开始读取数据
- python常用代码大全-python基础,python基础代码大全
- 【HNOI2006】【BZOJ1192】鬼谷子的钱袋(水题,位运算?)
- OpenCV之图像平滑处理
- Java的GUI学习九(列出指定目录内容)
- 一文2600字超全RF接口自动化框架项目实战【建议收擦】
- AI能力在智慧养殖应用现状
- Contrastive Learning
- cpu功耗排行_目前较低功耗的intel系cpu求推荐?
- php js 对象追加元素,JS添加元素新节点
- 在阿里(02):阿里入职记
- 如何反编译 cocos creator 生成 的jsc文件/反编译jsc文件(三) , 还原cocos creator 工程
热门文章
- 使用setTimeout 来实现setInterval的效果
- [译]GLUT教程 - 整合代码3
- 【maven】maven入门以及maven常用命令
- api 另一窗体 之上_12 个设计 API 的安全建议,不要等出事儿了“捶胸顿足”
- 03-14 设备交互 API
- python产生随机数并排序_中小学python教学案例:随机数按升序排列 输出
- 一阶电路误差分析_电动涡旋压缩机转子的模态分析及试验研究
- 前端开发中,对图片的优化技巧有哪些?
- 畅易阁老是显示服务器忙,畅易阁全服开放 盘点天龙玩家卖号的几大原因
- mysql怎么分组计算逾期率_转行数据分析第三篇:mysql查询入门练习题