JavaScript 目标


JavaScript 中的一切事物都是目标:字符串、数值、数组、函数...

此外,JavaScript 答应自界说目标。


一切事物都是目标

JavaScript 供给多个内建目标,比方 String、Date、Array 等等。 目标仅仅带有特点和办法的特别数据类型。

  • 布尔型可所以一个目标。
  • 数字型可所以一个目标。
  • 字符串也可所以一个目标
  • 日期是一个目标
  • 数学和正则表达式也是目标
  • 数组是一个目标
  • 乃至函数也可所以目标

JavaScript 目标

目标仅仅一种特别的数据。目标具有特点办法


拜访目标的特点

特点是与目标相关的值。

拜访目标特点的语法是:

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,您能够界说并创立自己的目标。

创立新目标有两种不同的办法:

  • 界说并创立目标的实例
  • 运用函数来界说目标,然后创立新的目标实例

创立直接的实例

这个比如创立了目标的一个新实例,并向其增加了四个特点:

实例

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"};

测验一下 »


运用目标结构器

本例运用函数来结构目标:

实例

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

测验一下 »

在JavaScript中,this一般指向的是咱们正在履行的函数自身,或者是指向该函数所属的目标(运行时)


创立 JavaScript 目标实例

一旦您有了目标结构器,就能够创立新的目标实例,就像这样:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");


把特点增加到 JavaScript 目标

您能够经过为目标赋值,向已有目标增加新特点:

假定 personObj 已存在 - 您能够为其增加这些新特点:firstname、lastname、age 以及 eyecolor:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

T在以上代码履行后,x 的值将是:

John


把办法增加到 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)
  {
  code to be executed
  }

留意: for...in 循环中的代码块将针对每个特点履行一次。

实例

循环遍历目标的特点:

实例

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
  txt=txt + person[x];
  }

测验一下 »