技术文章 | Technical articles

JavaScript进阶_贪吃蛇项目实战 课堂笔记

一、 内置构造函数

1.1 String

这是一个内置构造函数, 它是string值类型的对应包装类型

这也就是为什么字符串可以调用方法的原因

举例:

// String string值类型的对应包装类型

var str = "abcdefg";

console.log(str[1]);

// 转为对应的包装类型

var str_obj = new String(str);

输出:

图片1.png

 

1.2 Boolean

这是一个内置构造函数, 它是bool值类型的对应包装类型

 

举例:

// Boolean

// 它是bool值类型的对应包装类型

var f = false;

// 转为对应的包装类型

var f_obj = new Boolean(f);

// fnew Boolean对象的原始值, 而new Booleanf的对应包装类型

// !f  true !f_obj false 因为f_obj是一个对象

// console.log(f_obj.valueOf())

 

 

1.3 Number

这是一个内置构造函数, 它是number值类型的对应包装类型

 

举例:

// Number

var num = 3;

// 转为对应的包装类型

var num_obj = new Number(num);

// Number本身不是一个安全类, 当Number自执行的时候, 会作为类型转为函数使用

var a = "3a";

var aa = Number(a);

 

二、 内置构造函数之间的关系

所有的函数都是Function的实例

所有的对象都是Object的实例

函数也是对象

 

 

三、 贪吃蛇

我们决定使用面向对象的方式书写贪吃蛇游戏

游戏是最合适使用面向对象的方式书写
我们把整个游戏看成是一个“游戏”类

游戏类可以有各种各样的属性

我们可以把贪吃蛇中的蛇作为一个属性

还有地图属性

食物属性

障碍物属性

 

我们可以把蛇当做一个“蛇”类

有数组属性

有方向属性

有增长方法

有移动方法

 

可以把地图看成一个地图类

有行属性

有列属性

有宽度属性 (总宽)

有高度属性  (总高)

有一个数组属性,数组中存放的是每一个小方格

 

可以把食物看成一个食物类

有一个x属性

有一个y属性

img属性

 

可以把障碍物看成是一个类

有一个数组属性






6月12日前端培训班仅剩最后几个名额。。。
扫描下方二维码添加微信:haomei0452,领取 前端资料、项目源码、学费优惠 !



爱创课堂是一家专门做前端培训的机构,由百度高级工程师,《JavaScript设计模式》作者张容铭老师亲自授课,全程20个项目实战,真正做到学习完即可到企业正常工作!

 
我们前端课程的五大优势:

 
1. 名师亲自授课,根据企业需求 实时跟进课程大纲,保证学员学到的都是最新的、企业最需要的前端知识点
 
2. 采取小班教学、上二休一的模式(一个班20—30人,保证老师可以照顾到每一位同学,学员有充足的时间练习

3. 签订就业协议,帮助学员制作简历,投递简历,模拟面试,不用担心就业问题,目前学员平均就业薪资12K

4. 免费学习一周,不满意不收取任何费用

5. 与中国石油,中国电信,软通等知名企业合作,进行企业内训,并进行学员就业推荐
 

从小白到就业,我们全权负责!

爱创课堂 言行一致、从不忽悠!

请把自己放心的交给我们吧!


上一篇文章: JavaScript进阶课堂笔记 第五天
下一篇文章: 为什么要选择爱创课堂学前端?
更多详细内容请访问爱创官网首页:http://www.icketang.com/

最新发布 | 这里有最新的文章查看更多>>

爱创推荐 | 这里有推荐的文章查看更多>>