帮助避免错误的Javascript陷阱清单


Posted in Javascript onMay 31, 2009

翻译讲究"信\雅\达",我就谈不上了.希望能把文章的意思不要弄错就行.

编程的陷阱(gotcha)是指计算机系统中的意想不到的文档特征而不是bug.这些陷阱使得初学者远离javascript编程.在我看来,因为所有的浏览器都能运行javascript使得它是使用最广泛的语言之一,但它也是最少人研究的.让我们从一个基础的示例开始.

1.浮点运算

这可能是挫败一些对javascript不熟悉并准备执行一些数学运算的人的主要原因.

  1. <script>  
  2. alert(0.02 / 0.1);  //0.19999999999999998   
  3. alert(1.14 * 100);  //113.99999999999999    ;)  
  4. </script> 

Math.round()就能在这里派上用场.

2.加号操作符的重载

"+"加号运算符即能做算术运算,又能够做字符串的连接.如果正确的使用它是很便利的.让我们看一看.

  1. <script>  
  2. var msg, one="1";  
  3. msg = 2 + "1"// msg = "21"  
  4. msg = 2 + one; // msg = "21"  
  5. msg = 1 + 1 + 1 + " musketeers"// msg = "3 musketeers"  
  6. msg = "Bond " + 0 + 0 + 7; //msg = "Bond 007"    
  7. </script> 

上述行为是因为这些运算都是从左到右执行的.类型的转换是基于其中的字符串或数字.

3.行尾插入分号

javascript 自动在行尾插入分号";",让我们来看看这在一个简单的示例中的情况.

  1. <script>  
  2. function returnSame(a){  
  3.    return                 //Inserts semi-colon to convert to return;  
  4.    a                      //a becomes a; - Unreachable  
  5. }  
  6. alert(returnSame(2));  //Output is undefined  
  7. </script> 

当在创建对象或使用对象的值的时候这个神奇的分号能使事情变得更复杂.

4.typeof操作符

typeof 是一个一元操作符,运算结果往往并不是如预期的那样.令人吃惊的是对"null"的运算结果是"object"

  1. <script>  
  2. var obj={};  //object created using object literal  
  3. var arr=[];  //array created by array literal  
  4. alert(typeof(obj));   //object  - Good  
  5. alert(typeof(arr));   //object  - Bad  
  6. alert(typeof(null));  //object  - Ugly!  ;) 
  7. </script>

它仅仅能查找对象的原始类型.

5. false, null, undefined, NaN, Infinity

尽管他们看起来相似,但他们代表着不通的意思.javascript有3种基本数据类型数字numbers, 字符串strings 和布尔 boolean,除此之外还有两个不重要的数据类型"undefine"和"null".按照"=="运算符运算,null和undefine是相等的.

  1. <script>  
  2. var a;  
  3. alert (a);    //undefined  
  4. alert (1/0);  //Infinity  
  5. alert (0/0);  //NaN  
  6. 0/0 == 0/0;   //false - a NaN != NaN  
  7. alert (b);    //error  
  8. </script> 

6.字符串只替换第一个匹配的字符

与PHP或其他程序语言不同,默认情况下,javascript的字符替换只替换第一个出现的匹配的字符.

  1. <script>  
  2. var nospace = "I dont need spaces".replace(" ","_");  
  3. alert(nospace);    //I_dont need spaces   - Only first occurence  
  4. var nospace = "I dont need spaces".replace(/ /g,"_");  
  5. alert(nospace);    //I_dont_need_spaces  
  6. </script> 

 7.parseInt 函数

parseInt 用来将一个字符串转换为整数类型.这个函数能传入两个参数,第二个参数是指定多少进制的.这里十进制用 10 指定.如果没有指定进制,则parseInt函数自己会试图找到合适的进制.如果是这样,以0开头的字符串将会转换为8进制.

  1. <script>  
  2. var str = "017";  
  3. var strInt = parseInt(str);      //strInt = 15  ;)  
  4. var strInt = parseInt(str,10);   //strInt = 17  
  5. </script> 
Javascript 相关文章推荐
javascript的onchange事件与jQuery的change()方法比较
Sep 28 Javascript
jQuery 处理网页内容的实现代码
Feb 15 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
JavaScript实现的简单拖拽效果
Jun 01 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
Mar 13 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 Javascript
JS 文字符串转换unicode编码函数
May 30 #Javascript
Javascript 日期对象Date扩展方法
May 30 #Javascript
Jquery 基础学习笔记之文档处理
May 29 #Javascript
Jquery 基础学习笔记
May 29 #Javascript
javascript AutoScroller 函数类
May 29 #Javascript
关于JavaScript的一些看法
May 27 #Javascript
广告切换效果(缓动切换)
May 27 #Javascript
You might like
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
HTML中事件触发列表与解说
2007/07/09 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
2010/02/24 Javascript
Js 去掉字符串中的空格(实现代码)
2013/11/19 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
Javascript对象字面量的理解
2016/06/22 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
ECMAScript6--解构
2017/03/30 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
Python 元组(Tuple)操作详解
2014/03/11 Python
详解python之简单主机批量管理工具
2017/01/27 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
浅析python协程相关概念
2018/01/20 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
Python实现壁纸下载与轮换
2020/10/19 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
艺术用品:Arteza
2018/11/25 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
.NET面试问题集
2015/12/08 面试题
好邻里事迹材料
2014/01/16 职场文书
初中政治教学反思
2014/01/17 职场文书
基层干部十八大感言
2014/01/19 职场文书
经典禁毒标语
2014/06/16 职场文书
先进集体申报材料
2014/12/25 职场文书
银行实习推荐信
2015/03/27 职场文书
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
vue router 动态路由清除方式
2022/05/25 Vue.js
Django框架模板用法详解
2022/06/10 Python