javascript 对象 方法-JavaScript 对象

2023-08-26 0 7,844 百度已收录

w3school在线教程

JS教程JSHTMLDOMJS ObjectJSWindowJS LibraryJS示例和QuizJS参考指南JS课外书籍

网站建设者指南关于 W3School帮助 W3School

JavaScript 对象

JavaScript 中的一切都是对象:字符串、数字、数组、函数......

据悉,JavaScript允许自定义对象。

JavaScript 对象

JavaScript 提供了一些内置对象,例如 String、Date、Array 等。

对象只是具有属性和技巧的特殊数据类型。

访问对象属性

属性是与对象关联的值。

访问对象属性的语法是:

objectName.propertyName

此示例使用 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!

创建 JavaScript 对象

使用 JavaScript,您可以定义和创建自己的对象。

创建新对象有两种不同的方法:

定义并创建对象的实例 使用函数定义对象,然后创建新的对象实例

创建直接实例

javascript 对象 方法-JavaScript 对象

此示例创建该对象的一个​​新实例并向其添加四个属性:

例子

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

自己尝试一下

而不是句子(使用对象文字):

例子

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 对象实例

一旦有了对象构造函数,就可以创建新的对象实例,如下所示:

javascript 对象 方法-JavaScript 对象

var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");

向 JavaScript 对象添加属性

您可以通过向现有对象传递对象参数来向现有对象添加新属性:

假设 personObj 已经存在 - 您可以向其中添加以下新属性:名字、姓氏、年龄和眼睛颜色:

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() 函数名称的值被分配给人员的姓氏属性。

现在你可以尝试:

myMother.changeName("Ballmer");

自己尝试一下

JavaScript 类

JavaScript 是一种面向对象的语言,但 JavaScript 不使用类。

在 JavaScript 中,不会创建类,也不会从类创建对象(与其他面向对象语言一样)。

JavaScript 基于原型,而不是类。

JavaScript for...in 循环

JavaScript for...in 语句循环访问对象的属性。

句型

for (对象中的变量)
  {
  要执行的代码
  }

注意:for...in 循环中的代码块将为每个属性执行一次。

例子

循环遍历对象的属性:

var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
  {
  txt=txt + person[x];
  }

自己尝试一下

课外书

要了解有关 JavaScript 对象的更多信息,请阅读中级 JavaScript 教程:

javascript 对象 方法-JavaScript 对象

ECMAScript面向对象技术

本节简要介绍面向对象技术的术语、面向对象语言的要求以及对象的组成。

ECMAScript 对象应用

本节介绍如何声明和实例化对象、如何引用和销毁对象以及绑定的概念。

ECMAScript 对象类型

本节介绍 ECMAScript 的三种类型:本机对象、内置对象和主机对象,并提供相关参考指南的链接。

ECMAScript 对象范围

本节解释 ECMAScript 范围和 this 关键字。

ECMAScript 定义类或对象

本节详细解释了创建 ECMAScript 对象或类的各种形式。

ECMAScript 更改对象

本节介绍如何通过创建新方法或重新定义现有方法来更改对象。

JavaScript 参考指南JavaScript 示例JavaScript 测验

W3Schools 提供的内容仅用于培训目的。 我们不保证内容的正确性。 使用本网站内容所产生的风险与本网站无关。 W3School繁体英文版的所有内容仅供测试之用javascript 对象 方法javascript 对象 方法,不承担任何法律问题和风险的责任。

当使用本网站时,即表示您已接受本网站的使用条款和隐私政策。 版权所有。 版权所有。 赞助商: .

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript 对象 方法-JavaScript 对象 https://www.wkzy.net/game/160271.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务