JavaScript

JS对象的创建和使用

下文笔者讲述javascript中对象的创建和使用方法简介说明,如下所示

js对象简介

在Javascript编程语言中
  万物皆对象,那么Javascript中如何创建和使用对象呢?
下文笔者将一一道来,如下所示

JS创建对象的方法

在JS中使用花括号{ }即可创建对象
   { }中包含:
      定义对象中的属性
      属性是一个个键:值对的组合
     其中键(属性名称)始终是字符串类型的
         值(属性值)则可以是任意类型
如:
   字符串、数组、函数或其它对象等
   不同的属性之间使用逗号进行分隔
例:
如 name(姓名)、age(年龄)、gender(性别)等
创建对象
var person = {
    name: "maomao",
    age: 16,
    gender: "FeMale",
    displayName: function() {
        document.write(this.name);
    }
};

//相关说明
//displayName是对象中的属性,
//function() {
        document.write(this.name);
    }
是属性值

Javascript访问属性值的方法

可以使用以下两种方式访问属性值:
	使用对象名逗号属性名
	或
	对象名["属性名"]

注意事项:
    当属性名为不规则名称时,此时需使用引号将属性名引起来
	或使用变量名作为属性名
document.write("姓名:" + person.name + "<br>");   // 输出:姓名:maomao
document.write("年龄:" + person["age"]);          // 输出:年龄:16

var k ="name";
document.write("姓名:" + person[k] + "<br>");   // 输出:姓名:maomao

删除对象属性

使用 delete 关键字即可删除js对象中的属性

delete 对象名.属性名
delete 对象名["属性名"]
delete 对象名[属性名]

注意事项:
    1.将属性值修改为undefined或null只会修改属性值
	  不会删除对象属性
    2.删除对象属性,只能由delete关键字完成
delete person.name

JS调用对象中的方法

使用 对象名.属性名()
       或
     对象名["属性名"]()
即可调用属性中的方法	
 
person.displayName();       // 输出:maomao
person["displayName"]();    // 输出:maomao