Html5游戏封包,学习JavaScript-10-基本封包类型
学习要点:
1.基本包装类型概述
2.Boolean类型
3.Number类型
4.String类型
为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型:Boolean、Number
和String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。
实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,
从而能够调用一些方法来操作这些数据。
一.基本包装类型概述
var box='Mr.
Lee'; //定义一个字符串
var box2=box.substring(2); //截掉字符串前两位
alert(box2); //输出新字符串
变量box是一个字符串类型,而box.substring(2)又说明它是一个对象(PS:只有对象才
会调用方法),最后把处理结果赋值给box2。'Mr. Lee'是一个字符串类型的值,按道理它不
应该是对象,不应该会有自己的方法,比如:
alert('Mr.Lee'.substring(2)); //直接通过值来调用方法
1.字面量写法:
varbox='Mr.
Lee'; //字面量
box.name='Lee'; //无效属性
box.age=function(){ //无效方法
return 100;
};
alert(box); //Mr.Lee
alert(box.substring(2)); //.Lee
alert(typeof
box); //string
alert(box.name); //undefined
alert(box.age()); //错误
2.new运算符写法:
var box=newString('Mr.Lee'); //new运算符
box.name='Lee'; //有效属性
box.age=function(){ //有效方法
return 100;
};
alert(box); //Mr.Lee
alert(box.substring(2)); //.Lee
alert(typeof
box); //object
alert(box.name); //Lee
alert(box.age()); //100
以上字面量声明和new运算符声明很好的展示了他们之间的区别。但有一定还是可以
肯定的,那就是不管字面量形式还是new运算符形式,都可以使用它的内置方法。并且
Boolean和Number特性与String相同,三种类型可以成为基本包装类型。
PS:在使用new运算符创建以上三种类型的对象时,可以给自己添加属性和方法,但
我们建议不要这样使用,因为这样会导致根本分不清到底是基本类型值还是引用类型值。
二.Boolean类型
Boolean类型没有特定的属性或者方法。
三.Number类型
Number类型有一些静态属性(直接通过Number调用的属性,而无须new运算符)和方
法。
Number静态属性
属性 描述
MAX_VALUE 表示最大数
MIN_VALUE 表示最小值
NaN 非数值
NEGATIVE_INFINITY 负无穷大,溢出返回该值
POSITIVE_INFINITY 无穷大,溢出返回该值
prototype 原型,用于增加新属性和方法
Number对象的方法
方法 描述
toString() 将数值转化为字符串,并且可以转换进制
toLocaleString() 根据本地数字格式转换为字符串
toFixed() 将数字保留小数点后指定位数并转化为字符串
toExponential() 将数字以指数形式表示,保留小数点后指定位数并转化为字符串
toPrecision() 指数形式或点形式表述数,保留小数点后面指定位数并转化为字符串
varbox=1000.789;
alert(box.toString()); //转换为字符串,传参可以转换进制
alert(box.toLocaleString()); //本地形式,1,000.789
alert(box.toFixed(2)); //小数点保留,1000.78
alert(box.toExponential()); //指数形式,传参会保留小数点
alert(box.toPrecision(3)); //指数或点形式,传参保留小数点
四.String类型
String类型包含了三个属性和大量的可用内置方法。
String对象属性
属性 描述
length 返回字符串的字符长度
constructor 返回创建String对象的函数
prototype 通过添加属性和方法扩展字符串定义
String也包含对象的通用方法,比如valueOf()、toLocaleString()和toString()方法,但这
些方法都返回字符串的基本值。
字符方法
方法 描述
charAt(n) 返回指定索引位置的字符
charCodeAt(n) 以Unicode编码形式返回指定索引位置的字符
varbox='Mr.Lee';
alert(box.charAt(1)); //r
alert(box.charCodeAt(1)); //114
alert(box[1]); //r,通过数组方式截取
PS:box[1]在IE浏览器会显示undefined,所以使用时要慎重。字符串操作方法
方法 描述
concat(str1...str2) 将字符串参数串联到调用该方法的字符串
slice(n,m) 返回字符串n到m之间位置的字符串
substring(n,m) 同上
substr(n,m) 返回字符串n开始的m个字符串
varbox='Mr.Lee';
alert(box.concat('is', ' Teacher', '!')); //Mr.LeeisTeacher!
alert(box.slice(3)); //Lee
alert(box.slice(3,5)); //Le
alert(box.substring(3)); //Lee
alert(box.substring(3,5)); //Le
alert(box.substr(3)); //Lee
alert(box.substr(3,5)); //Lee
var box='Mr.Lee';
alert(box.slice(-3)); //Lee,6 (-3)=3位开始
alert(box.substring(-3)); //Mr.Lee 负数返回全部
alert(box.substr(-3)); //Lee,6 (-3)=3位开始
var box='Mr.Lee';
alert(box.slice(3,-1)); //Le6
(-1)=5,(3,5)
alert(box.substring(3,-1)); //Mr.
第二参为负,直接转0,
//并且方法会把较小的数字提前,(0,3)
alert(box.substr(3,-1)); //'' 第二参数为负,直接转0,(3,0)
PS:IE的JavaScript实现在处理向substr()方法传递负值的情况下存在问题,它会返回原始字符串,使用时要切记。字符串位置方法
方法 描述
indexOf(str,n)
Html5游戏封包,学习JavaScript-10-基本封包类型相关推荐
- html5 游戏引擎 2017,Top 10:HTML5、JavaScript 3D游戏引擎和框架
由于很多人都在用JavaScript.HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题.基于浏览器的游戏最棒的地方是平台独立,它们能在iOS.A ...
- HTML5游戏开发pdf
下载地址:网盘下载 迈耶编著的<HTML5游戏开发>共10章,通过10个具体的游戏示例详细介绍HTML5的用法.每章都先列出相关的技术特性并给出了应用的描述,然后讨论了实现这个应用的关键需 ...
- 分享:在微信公众平台做HTML5游戏经验谈(转载与http://software.intel.com/zh-cn/blogs/2013/04/03/html5)...
分享:在微信公众平台做HTML5游戏经验谈 Dawei Cheng 程大伟... 于 星期三, 03/04/2013 - 03:19 提交 最近微信公众游戏平台讨论得如火如荼,大有HTML5游戏即将引 ...
- html5 3d游戏引擎演示,Top 10:HTML5、JavaScript 3D游戏引擎和框架
由于很多人都在用JavaScript.HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题.基于浏览器的游戏最棒的地方是平台独立,它们能在iOS.A ...
- html5游戏引擎-Pharse.js学习笔记(一)
2019独角兽企业重金招聘Python工程师标准>>> 1.前言 前几天随着flappy bird这样的小游戏的火爆,使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开 ...
- Silverlight/Windows8/WPF/WP7/HTML5周学习导读(10月15日-10月21日)
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(10月15日-10月21日) 本周Silverlight学习资源更新 Silverlight + DomainServi ...
- javascript开发HTML5游戏--斗地主(单机模式part3)
最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的. 客户端代码 服务 ...
- javascript开发HTML5游戏--斗地主(单机模式part2)
最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的. 客户端代码 服务 ...
- HTML5游戏开发进阶指南(亚马逊5星畅销书,教你用HTML5和JavaScript构建游戏!)
HTML5游戏开发进阶指南(亚马逊5星畅销书,教你用HTML5和JavaScript构建游戏!) [印]香卡(Shankar,A.R.) 著 谢光磊 译 ISBN 978-7-121-21226-0 ...
- javascript+HTMl5游戏下载,开发一个都能月薪上万!舅服你
HTML5时代已经到来许久了,你是否已经掌握了那么一点呢?今天小编给大家讲讲h5的折叠多设备.跨平台特性, 即用HTML5制作游戏.相比flash,HTML5更加灵活方便,随着浏览器技术的不断升级,H ...
最新文章
- Spring Cloud(十)高可用的分布式配置中心 Spring Cloud Config 中使用 Refresh
- 了解下C# 类型转换
- 暴涨!BTC忠实粉丝转向BCH为BCH网络添砖加瓦
- Nacos 集群部署模式最佳实践
- Could not find destination factory for transport解决方法
- BZOJ 1221: [HNOI2001] 软件开发(最小费用最大流)
- jsr250-api_JSON处理的Java API(JSR-353)–流API
- 打破冷漠僵局文章_保持冷静并打破僵局-最佳
- 输入参数的数目不足 matlab_哈工大被禁用MATLAB,工科学生慌了,论文至上间接导致软件依赖?...
- Makefile工程管理语法与使用技巧
- Python ord 函数 - Python零基础入门教程
- lstm原始论文_命名实体识别NER论文调研
- 苹果CMS V10 播放记录_苹果cms10怎么更新集数?
- python histogram函数_python (ploit2)(histogram)
- python获取代码当前行数_Python实验室一段日志代码,获取当前调用的函数名和行号...
- 计算机考研机试指南(九)——搜索(百鸡问题、ABC、胜利大逃亡、迷宫问题、C翻转、旋转矩阵、字符串匹配、)...
- LM4871(3W音频功放芯片)中文资料
- PyTorch学习笔记(10)——上采样和PixelShuffle
- c语言自评报告怎么写,大学生学生自评报告怎么写
- Oracle EBS 接收事务处理类型 rcv_transactions transaction_type
热门文章
- 使用BoundsChecker查找内存泄露
- IT咨询,从问题到主义
- 这就是你日日夜夜想要的docker!!!---------三分钟带你玩转docker命令
- 计算机毕设ppt写些什么,计算机专业毕业设计答辩PPT-.ppt
- 华为鸿蒙dba,人生中最重要的决策|读在职博士DBA
- SONY索尼A7S3意外断电后内存卡找不到视频文件的数据恢复
- 纸质签名转变为电子签名
- SetContentView源码解析
- Unity3d游戏开发之C#开发(一)
- 动态图册用HTML怎么制作,imgplay gif动图制作如何使用?imgplay图文使用教程