JavaScript 对象

Posted Strong-stone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 对象相关的知识,希望对你有一定的参考价值。

javascript  对象

JavaScript中的所有事物都是对象;字符串、数组、数值、函数...

此外,JavaScript允许自定义对象。

所有事物都是对象

JavaScript提供多个内建对象,比如String、Data、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=messagetoUpperCase();

以上代码运行后,X的结果是:Hello World

创建JavaScript对象

通过JavaScript您能够定义并创建自己的对象。

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

定义并创建对象的实例

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

这个例子创建了对象的一个新实例,并向其添加了四个属性:

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

替代语法(使用对象 literals):

person={
         firstname:"John",
         lastname:"Doe",
         age:50,
         eyecolor:"blue"
};
 

把方法添加到 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("Doe");

JavaScript 类

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

在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

JavaScript 基于 prototype,而不是基于类的。

JavaScript for...in 循环

JavaScript for...in 语句循环遍历对象的属性。

语法

for (variable in object)
{
    执行的代码……
}

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

循环遍历对象的属性:

var person={
        fname:"John",
        lname:"Doe",
        age:25
};
for (x in person) {
        txt=txt + person[x];
}




以上是关于JavaScript 对象的主要内容,如果未能解决你的问题,请参考以下文章

常用Javascript代码片段集锦

VSCode自定义代码片段——JS中的面向对象编程

JavaScript单行代码,也就是代码片段

VSCode自定义代码片段9——JS中的面向对象编程

从 TypeScript 类型定义或 GraphQL 片段定义生成 JavaScript 空对象

30秒就能看懂的JavaScript 代码片段