JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript向对象添加属性和方法

JavaScript 可以在定义类时定义属性和方法,也可以在创建对象以后动态添加属性和方法。

动态添加属性和方法在其他面向对象的编程语言(C++、JavaScript等)中是难以实现的,这是JavaScript灵活性的体现。

【例5-2】根据Person类创建一个对象,向其添加属性和方法:
// 定义类
function Person(name,sex) {
    this.name=name;  // 定义一个属性 name
    this.sex=sex;  // 定义一个属性 sex
    this.say=function(){  // 定义一个方法 say()
        return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + " 。";
    }
}

// 创建对象
var zhangsan=new Person("张三","男");
zhangsan.say();

// 动态添加属性和方法
zhangsan.tel="029-81892332";
zhangsan.run=function(){
   return  " 我跑得很快! ";
}

// 弹出警告框
alert("姓名:"+zhangsan.name);
alert("姓别:"+zhangsan.sex);
alert(zhangsan.say());
alert("电话:"+zhangsan.tel);
alert(zhangsan.run());

实例演示:

点击这里进行演示