使弱类型的语言JavaScript变强势


Posted in Javascript onJune 22, 2009

弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换,例如一个非常常见的错误,在浏览器脚本中,从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量的和.因为变量类型在表单控件中是字符串类型(计时字符串序列包含一个数字)这种尝试将会添加那个字符串到变量,即使这些值碰巧是一些数字,结果在第二个变量将会被转换为字符串类型,在最后只会把从表单控件中得到的变量添加到第一个字符串末尾。

所以强制类型转换还是比较重要的,下面看一下它的几个强制转换的函数:

1. Boolean(value):把值转换成Boolean类型;

2. Nnumber(value):把值转换成数字(整型或浮点数);

3. String(value):把值转换成字符串。

我们先来看Boolean():在要转换的值为“至少有一字符的字符串”、“非0的数字”或“对象”,那么Boolean()将返回true,如果要转换的值为“空字符串”、“数字0”、“undefined”,“null”这些话,那么Boolean()会返回false。你可以用以下代码来测试

以下为引用的内容:   var t1 = Boolean("");//返回false,空字符串var t2 = Boolean("s");//返回true,非空字符串var t3 = Boolean(0);//返回false,数字0var t3 = Boolean(1),t4 = Boolean(-1);//返回true,非0数字var t5 = Boolean(null),t6 = Boolean(undefined);//返回falsevar t7 = Boolean(new Object());//返回true,对象

再来看看Number():Number()与parseInt()和parseFloat()类似,它们区别在于Number()转换是整个值,而parseInt()和parseFloat()则可以只转换开头的数字部分,例如:Number("1.2.3"),Number("123abc")会返回NaN,而parseInt("1.2.3")返回1、parseInt("123abc")返回123、parseFloat("1.2.3")返回1.2、parseFloat("123abc")返回123。Number()会先判断要转换的值能否被完整的转换,然后再判断是调用parseInt()或parseFloat()。下面列了一些值调用Number()之后的结果:

以下为引用的内容: Number(false)  0Number(true)  1Number(undefined)  NaNNumber(null)  0Number("1.2")  1.2 Number("12")  12Number("1.2.3")  NaNNumber(new Object())  NaNNumber(123)  123

最后是String():这个以比较简单了,它可以把所有类型的数据转换成字符串,如:String(false)---"false"、String(1)---"1"。它和toString()方法有些不同,区别在于:

以下为引用的内容:   var t1 = null;var t2 = String(t1);//t2的值 "null"var t3 = t1.toString();//这里会报错var t4;var t5 = String(t4);//t5的值 "undefined
Javascript 相关文章推荐
jquery trim() 功能源代码
Feb 14 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
vue-router实现tab标签页(单页面)详解
Oct 17 Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 Javascript
angularjs 的数据绑定实现原理
Jul 02 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
实例讲解vue源码架构
Jan 24 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 Javascript
Javascript 代码也可以变得优美的实现方法
Jun 22 #Javascript
PNG背景在不同浏览器下的应用
Jun 22 #Javascript
JavaScript 新手24条实用建议[TUTS+]
Jun 21 #Javascript
ExtJS扩展 垂直tabLayout实现代码
Jun 21 #Javascript
javascript 异常处理使用总结
Jun 21 #Javascript
js 匿名调用实现代码
Jun 19 #Javascript
JS 拼图游戏 面向对象,注释完整。
Jun 18 #Javascript
You might like
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
Php 构造函数construct的前下划线是双的_
2009/12/08 PHP
PHP开发规范手册之PHP代码规范详解
2011/01/13 PHP
php文件操作实例代码
2012/05/10 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
PHP设计模式之单例模式原理与实现方法分析
2018/04/25 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
JQuery魔力之$("tagName")与selector
2012/03/05 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
js对象基础实例分析
2015/01/13 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
python的三目运算符和not in运算符使用示例
2014/03/03 Python
pytorch中的inference使用实例
2020/02/20 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
西安众合通用.net笔试题
2013/03/18 面试题
理工科学生的自我评价
2013/12/15 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
论文致谢词范文
2015/05/14 职场文书
Java虚拟机内存结构及编码实战分享
2022/04/07 Java/Android
 python中的元类metaclass详情
2022/05/30 Python