【JavaScript 基础】06 对象

来源:互联网 发布:java中cgi 编辑:程序博客网 时间:2024/06/06 09:24

对象概述

  • JavaScript 中的所有事物都是对象。有内置的,如字符串、数值、数组、函数等等,也可以自定义对象。
  • 对象只是带有属性和方法的特殊数据类型。
  • JavaScript 是面向对象的语言,但 JavaScript 不使用类似Java的类。在 JavaScript 中,不会创建类,它是基于 prototype(原型)。

对象的创建之直接定义并创建对象实例

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

  • 直接定义并创建对象实例
  • 使用函数来定义对象,然后创建新的对象实例
var stu1 = {    name:"abc",    age:20,    sex:"man",    addAge:function(num){        this.age = this.age + num;    },    reduceAge:function(number){        this.age = this.age - num;    }};

注意事项:
1. 格式使用json格式。属性名和属性值之间用冒号“:”分隔, 不同属性或方法间用逗号“,”分隔
2. 方法中属性或方法用this调用

访问对象的属性

对象名.属性名如:alert(stu1.name + "  " + stu1.age + "  " + stu1.sex);

访问对象的方法

对象名.方法名()如:stu1.addAge(2);

对象的创建之使用构造器定义对象并创建实例

//无参function student(){    this.name = "abc";    this.age = 22;}var stu2 = new student();alert(stu2.name + "  " + stu2.age);//有参function student2(name, age){    this.name = name;    this.age = age;    this.addAge = function(num){        this.age = this.age + num;    }}var stu3 = new student2("bbb", 30);alert(stu3.name + "  " + stu3.age);stu3.addAge(20);alert(stu3.name + "  " + stu3.age);;

为对象添加新的属性和方法

var stu4 = new student2("ccc", 30);stu4.sex = "man";stu4.reduceAge = function(num){    stu4.age -= 10;}stu4.reduceAge(10);alert(stu4.name + "  " + stu4.age + "  " + stu4.sex);

for…in 循环

for…in 循环中的代码块将针对每个属性执行一次

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

微信公共号

原创粉丝点击