HTML5_对象-雪花-PK-封装-继承-原型

1、对象定义

• 通过定义
  
  • 对象是需求场景中的名词（如人、事、物）在程序中的表示
  • JavaScript中，除了string、number、boolean、null、undefined之外，其他的数据都是对象，如数组、日期甚至函数等
• ECMA-262定义
  
  • 属性的无序集合，每个属性存放一个原始值，对象或函数
  • 对象是无特定顺序的值的数组
    –

（1）内置对象

（2）宿主对象

（3）自定义对象

（4）创建对象
方法一

结果是undefine 1
记住变量名后跟冒号，不同变量之间用逗号隔开，值为字符串要引号

方法二

方法三

（5）给对象添加属性，访问属性

有关键字要用[]中括号和引号。


若不是关键字就不用加引号，

---

新添加了age1属性
（6）遍历对象的属性



遍历的结果即下面的5个属性
遍历用for(var emp in poep){
Console.log(emp+’:’+poep[emp])}。
（7）属性访问错误

后面两句代码显示的结果

（8）检测属性

上面两种有专门的语法，下面两种是模拟出来的。

结果显示false true false

2、给对象创建方法
（1）定义方法

function（）｛
｝

或方法名：函数名

结果显示200. 60
200 60 出错

把最后一行换掉依然会出错
200 60 出错
因为没有把perp带入到abc中，所以出错。

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
200 60 160
（2）调用方法

必须要加this

3、雪花下落特效

此时有滚动条，下面消除滚动条

注意这两个定时器的使用，两个相互不影响。
4、PK器

1、 封装

2、 继承
(1)

tom tom
jack tom
(2)对象模板中使用this关键字声明对象的属性

求面积和周长。
3、原型

4、为对象扩展属性
Tom Jack
都是基于Emp原型生成的

woman man
因为emp_1,emp_2中都有sex,自身有的话就不会去原型中找。
woman man man
把this.sex=‘man’去掉后结果为woman girl girl 因为emp_1,emp_2中自身没有，就去原型中找。

4、可以使用delete关键字删除对象的属性
(1)添加 结果显示girl,
把原型继承的this.sex=man,和修改的值woman(这个修改的sex就是继承来的那个sex，即this.sex中的sex)属性删掉了，但是原型删不掉。
(2)

显示man,因为继承的属性sex值为man
(3)
livescript javascript

livescript javascript undefined

livescript javascript 报错(因为对象中没有prototype)
livescript javascript undefined

this.name=’jscript’删除掉了
livescript javascript undefined undefined
用delet emp_1.proto.name则原型都删除了emp_2也取不到。

livescript javascript jscript undefined

有无this的区别，逗号和分号的区别。
5、获取原型

举例

Hello
hahah
heiheih
hahah Hello

hahah heiheih

heiheih heiheih

结果显示5000 4000
为什么是5000，因为P是基于programmer在一层，programmer在二层；p.prototype，programmer.prototype，person同在三层，person.prototype在四层。

显示heiheih

---

关于善知教育（官网：善知教育（点击进入） 微信公众号：善知技术）
地址：北京东燕郊经济技术开发区文化大厦
咨询老师郑老师 电话/微信：13315631002 QQ:1939441377
目前我们开设Java服务器Html5前端网页Android移动端PHP服务器，有全日制班有周末班;
学费优惠至8480!!!!
我们的优势：

• 基础课程一个月免费学,全程面授;
• 平均就业薪资10000-15000;
• 免费重听，跨学科免费学习;
• 5-5.5个月大容量技术授课;
• 0学费0基础入学，海量项目实训, 弹性教学制度;
• 大部分学生找到月薪10k以上薪资工作, 项目实训自然终止;
• 课程全程视频录制,偶尔耽搁也不担心;
• 学习途中随时可以无理由退费根据学生情况;
• 灵活安排授课时间，一个科目学不会可以免费学习另一个科目;
• 全日制班，周末班，网上授课同时进行;
• 技术交流QQ群：198983438（加群请备注在哪里看到我们的群）在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总

• 善知教育石老师Java视频的网盘地址http://pan.baidu.com/s/1eQ0JHi6
• 善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR
• 善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE
• 善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo