0

0

在JavaScript中如何创建对象

不言

不言

发布时间:2018-12-15 14:13:51

|

2648人浏览过

|

来源于php中文网

原创

对象是属性的集合,变量数组也是一种对象,对象可用于管理数据,属性就是添加了以名称(属性名称)为前缀的特定名称(值),本篇文章我们就来详细介绍一下javascript对象的用法。

JavaScript

我们先来看如何创建一个对象

创建一个traffic_light(红绿灯)变量,并编写一个根据颜色显示消息的程序。

代码如下

易优cms汽车车辆租赁源码1.7.2
易优cms汽车车辆租赁源码1.7.2

由于疫情等原因大家都开始习惯了通过互联网上租车服务的信息多方面,且获取方式简便,不管是婚庆用车、旅游租车、还是短租等租车业务。越来越多租车企业都开始主动把租车业务推向给潜在需求客户,所以如何设计一个租车网站,以便在同行中脱颖而出就重要了,易优cms针对租车行业市场需求、目标客户、盈利模式等,进行策划、设计、制作,建设一个符合用户与搜索引擎需求的租车网站源码。 网站首页

下载

立即学习Java免费学习笔记(深入)”;



  
    
    JavaScript
  
  
    
 
 

蓝色表示“go”走、黄色表示“slow down”减速、红色表示“stop”停止,具有这三个属性的对象表示被定义的traffic_light的变量。

下面我们来调用这三个被定义的属性

代码如下

立即学习Java免费学习笔记(深入)”;

调用了属性blue的值,运行结果如下

JavaScript

下面我们来看如何改变这个属性的值

访问属性名称并为其指定另一个值。

将属性名为blue的值从go更改为go fast。当你在console.log中调用它时代码如下

运行效果如下

2345截图20181215132809.png

这是在JavaScript中使用对象的基本方法。

还有一种方法可以使用new创建这样的对象。

var 对象名=new object()

我们来具体看一下

函数可以是对象

例如,当你创建hello函数的时

代码如下

立即学习Java免费学习笔记(深入)”;

function hello() {
  alert("hello,PHP中文网!");
}
hello();

这相当于以下代码。

这里我们使用一个名为function()的匿名函数的对象。

你可以通过将function()分配给名为hello的变量并将参数分配给hello变量(如最后一行的hello())来执行它。

var hello = function() {
  alert("hello,PHP中文网!");
}
hello();

数组可以是对象

JavaScript数组也是一个对象。

用一个对象包装一个数组并添加一个函数。因此,可以说它不是纯数组而是看起来像数组的对象。

JavaScript数组具有以下属性和方法。除此之外,与普通对象相同

有以下类型的数组属性和方法。

属性length(获取数组长度)

方法slice()(获取数组元素)

方法reverse()(翻转元素的顺序)

方法push()(在最后添加一个新元素)

使用new来创建数组对象

var family = new Array();

我们为变量family分配了一个空的Array对象。

在这里,我使用var family = new Array(“Tom”,“Jerry”,“Sucy”)添加“Tom”,“Jerry”,“Sucy”; 然后,通过console.log(family);来调用。

代码如下

立即学习Java免费学习笔记(深入)”;



  
    
    JavaScript
  
  
    
  

运行效果如下

JavaScript

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

37

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

37

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号