JavaScript 对象

标签: js

开发工具与关键技术:dw  JavaScript 对象
作者:黄海峰
撰写时间:2019.05.27

JavaScript中的所有的事物都可以是对象:例如字符串、数字、数组、日期等等。
但是在JavaScript中,对象是拥有属性和方法的数据。
对象的属性是与对象相关的值,对象的方法是能够在对象上执行的动作。
就比如我们现实生活中的汽车同样拥有属性和方法,所以他也是一个对象。
属性:
汽车的名字属性:car.name = Fiat
汽车的重量属性:car.weight = 850kg
汽车的颜色属性:car.color = white
方法:
汽车的启动方法:car.start()
汽车的驾驶方法:car.drive()
汽车的刹车方法:car.break()
所有的汽车都拥有这些基本的属性和方法,但是每款车的属性的值都不相同,他们的方法被执行的时间也不一样
对比上面的汽车例子,我们可以知道在JavaScript中,对象是数据(变量),拥有属性和方法。
当我,们声明一个JavaScript变量时:var txt = “Hello”;
我们实际上已经创建了一个JavaScript字符串对象。字符串对象拥有内建的属性length。对于上面的字符串来说,length的值是5。但是字符串对象同时拥有若干个内建的方法。
属性:
txt.length = 5;
方法:
txt.match();
txt.split();
txt.trim();
在面向对象的语言中,属性和方法常常被称为对象的成员。
创建JavaScript对象:
JavaScript中的几乎所有事务都是对象:字符串、数字、数组、日期、函数等等。
当然我们也可以创建自己的对象。我们接下来创建一个名为“person”的对象,并为其添加了四个属性。
person = new object();
person.firstname = “Bill”;
person.lastname = “Gates”;
person.age = 56;
person.eyecolor = “bule”;
创建新JavaScript又很多不同的方法,并且我们还可以向已存在的对象添加属性和方法。
既然对象拥有属性和方法,那么同样的我们也可以访问这些属性和方法。
访问对象的属性的语法是:objectName.propertName;
我们使用String对象的length属性来查询字符串的长度:
Var message = “Hello World!”;
Var x = message.length;
在以上的代码执行后,x的值是:12
访问对象的方法的语法:objectName.methodName();
我们使用String对象的toUpperCase()方法来把文本转换为大写:
Var message = “Hello World!”;
Var x = message.toUpperCase();
在以上代码执行后,x的值是:HELLO WORLD!
源文件图片:
在这里插入图片描述
浏览器页面显示:
在这里插入图片描述

注:知识点来源于W3CSchool学习站。

版权声明:本文为weixin_44550096原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44550096/article/details/90632165

智能推荐

Qt 之 Query Model Example 解析

总体概括 Query Model Example主要演示了怎么使用QSqlQueryModel这个数据库查询模型类。其中包括创建普通的数据库查询模型、可编辑的数据库查询模型和自定义的数据库查询模型。普通(默认)的数据库查询模型是只读的(不可再模型中编辑数据,模型只通过视图展示数据);可编辑的数据库查询模型重写了QSqlQueryModel的flags()方法和setData()方法;自定义的数据库...

Flutter:Scaffold.of() called with a context that does not contain a Scaffold.

Flutter:Scaffold.of() called with a context that does not contain a Scaffold. 当我第一次点击按钮想要弹出底部消息时出现了如下错误 当BuildContext在Scaffold之前时,调用Scaffold.of(context)会报错。这时可以通过Builder Widget来解决,代码如下:...

【机器学习基础】线性回归

                                                        &nbs...

08-Vue实现书籍购物车案例

书籍购物车案例 index.html main.js style.css 1.内容讲解 写一个table和thead,tbody中每一个tr都用来遍历data变量中的books列表。 结果如下: 在thead中加上购买数量和操作,并在对应的tbody中加入对应的按钮。结果如下: 为每个+和-按钮添加事件,将index作为参数传入,并判断当数量为1时,按钮-不可点击。 结果如下: 为每个移除按钮添加...

堆排序

堆排序就是利用堆进行排序的方法,基本思想是,将代排序列构造成一个大根堆,此时整个序列的最大值就是堆顶的根节点。将它与堆数组的末尾元素交换,此时末尾元素就是最大值,移除末尾元素,然后将剩余n-1个元素重新构造成一个大根堆,堆顶元素为次大元素,再次与末尾元素交换,再移除,如此反复进行,便得到一个有序序列。 (大根堆为每一个父节点都大于两个子节点的堆) 上面思想的实现还要解决两个问题: 1.如何由一个无...

猜你喜欢

基础知识(变量类型和计算)

一、值类型 常见的有:number、string、Boolean、undefined、Symbol 二、引用类型 常用的有:object、Array、null(指针指向为空)、function 两者的区别: 值类型暂用空间小,所以存放在栈中,赋值时互不干扰,所以b还是100 引用类型暂用空间大,所以存放在堆中,赋值的时候b是引用了和a一样的内存地址,所以a改变了b也跟着改变,b和a相等 如图: 值...

Codeforces 1342 C. Yet Another Counting Problem(找规律)

题意: [l,r][l,r][l,r] 范围内多少个数满足 (x%b)%a!=(x%a)%b(x \% b) \% a != (x \% a) \% b(x%b)%a!=(x%a)%b。 一般这种题没什么思路就打表找一下规律。 7 8 9 10 11 12 13 14 15 16 17 18 19 20 28 29 30 31 32 33 34 35 36 37 38 39 40 41 49 50...

[笔记]飞浆PaddlePaddle-百度架构师手把手带你零基础实践深度学习-21日学习打卡(Day 3)

[笔记]飞浆PaddlePaddle-百度架构师手把手带你零基础实践深度学习-21日学习打卡(Day 3) (Credit: https://gitee.com/paddlepaddle/Paddle/raw/develop/doc/imgs/logo.png) MNIST数据集 MNIST数据集可以认为是学习机器学习的“hello world”。最早出现在1998年LeC...

哈希数据结构和代码实现

主要结构体: 实现插入、删除、查找、扩容、冲突解决等接口,用于理解哈希这种数据结构 完整代码参见github: https://github.com/jinxiang1224/cpp/tree/master/DataStruct_Algorithm/hash...