JavaScript+jQuery程序设计第3章 JavaScript自定义对象.pptVIP

自定义对象 对象简介 自定义对象的创建 对象访问语句 对象简介 什么是对象 对象的属性和方法 JavaScript对象的种类 人 身高 体重 吃饭 睡觉 用户 用户名 密码 注册 登录 变量 函数 什么是对象 对象的属性和方法 对象名.属性名; var name = 用户.用户名; var pwd = 用户.密码; 获取或设置属性语法 获取属性的值 对象名[属性名]; var name = 用户[用户名]; var pwd = 用户[密码]; 对象的两个要素 属性 方法 对象中的变量 对象中的函数 对象的属性 对象名.方法名(参数); 用户.注册(); 用户.登录(); 调用方法语法 调用对象的方法 用户.用户名 = mr; 用户.密码 = mrsoft; 设置属性的值 用户[用户名] = mr; 用户用户[密码] = mrsoft; 对象的方法 在JavaScript中，对象就是属性和方法的集合，这些属性和方法也叫做对象的成员。 JavaScript对象的种类 JavaScript对象 自定义对象 内置对象 浏览器对象 Math、Date、Array document、window 自定义对象的创建 直接创建自定义对象 通过自定义构造函数创建对象 通过Object对象创建自定义对象 var 对象名 = {属性名1:属性值1,属性名2:属性值2,属性名3:属性值3......} var User = { name:mr, pwd:mrsoft } 语法格式 创建对象User 直接创建自定义对象 document.write(User.name); document.write(User.pwd); 输出属性值 document.write(User[name]); document.write(User[pwd]); 通过自定义构造函数创建对象 function Date(){ …… } Date对象构造函数 var date=new Date(); 创建Date对象 什么是构造函数 构造函数 创建的对象 function User(name,pwd){ this.name = name; this.pwd = pwd; } var user1 = new User(mr,mrsoft); 创建对象实例 定义构造函数 应用构造函数创建一个球员的对象Player，然后创建对象实例，通过对象实例获取对象中的属性并输出。 实例01 运行结果 function User(name,pwd){ this.name = name; this.pwd = pwd; this.showUserInfo = showUserInfo; } function showUserInfo(){ document.write(用户名：+this.name+br); document.write(密码：+this.pwd+br); } var user1 = new User(mr,mrsoft); user1.showUserInfo(); 定义对象的方法 调用方法 创建对象实例 定义方法使用的函数 初始化对象的方法 用户名：mr密码：mrsoft 输出 function User(name,pwd){ this.name = name; this.pwd = pwd; this.showUserInfo = function(){ document.write(用户名：+this.name+br); document.write(密码：+this.pwd+br); } } var user1 = new User(mr,mrsoft); user1.showUserInfo(); 应用构造函数创建一个图书对象Book，然后创建对象实例，通过对象实例调用对象中的方法。 实例02 运行结果 语法格式 object.prototype.name=value 要添加的属性名或方法名 添加属性的值或执行方法的函数 构造函数名 prototype属性是JavaScript中所有函数都有的一个属性。该属性可以向对象中添加 属性或方法。 prototype属性 实例03 应用构造函数创建一个圆的对象