js的一些坑,持续增加,学习js应该注意的问题
大家来补充
1.变量类型模糊,容易出现问题;
var a='1',b=1;
a==b; //true
a===b; //false
2.全局变量与函数内部变量同名时,在函数内部声明变量,声明位置虽然在后,但在这之前,此名变量已为‘undefined’;
其实这个的准确说法应该叫法,作用域声明提前,也就是说在作用域内所有的声明都会在编译前放到作用域的最前面,赋值位置不变。
var a = 'aaa';
function b() {
console.log(a);
var a = 'bbb';
console.log(a);
}
b();
console.log(a);
输出:
undefined
bbb
aaa
3.浮点数运算BUG,例如7*0.8=5.6000000000000005;
4.变量传递,对象为引用传递,数字和字符串是值传递;即函数内不能改变变量地址
var a = {};
var b = '我是b1';
a.name = 'aaaa';
(function(a,b) {
console.log(a.name);//aaaa
a.name = 'bbbb';
b='我是b2';
console.log(a.name);//bbbb
a = {};
a.name = 'cccc';
console.log(a.name);//cccc
console.log(b);//我是b2
})(a,b);
console.log(a.name);//bbbb,a传入函数内为引用传递,可以改变a内的属性,但a={}时,函数内的a被重新定义了不再指向函数外的a,所以不能是cccc。
console.log(b);//我是b1,值传递,函数内改变不会影响外面。
5.对象赋值是引用复制。其实和上面的意思差不多。
var a=[];
var b=a;
b[0]=1
a[0] //结果也为1
a===b //true
6.不要把原始类型当作对象,虽然它很像
var s='dddd';
s.length //4,很像对象吧,还有方法。其实这里面有隐式的new String(s)
s.len=5;
s.len //undefined,这是因为,s真的不是一个对象,它是原始类型是不能改变的
7.不用声明就可以变量赋值,一不注意就生成一个全局变量
var abc=3;
+function(){
ab=5; //这时本意是使abc=5,但因为少打一个c,创建了一个全局变量ab,程序还不会报错。
}()
8.||和&&的优先级,&&比||优先,都比’=‘优先,不要以为顺序执行a=4,其实这个不是js的坑,大部分语言都这样
var a=1;
(a=2)||(a=3)&&(a=4);//结果a=2
(a=5)&&(a=6)||(a=7);//结果a=6//因当||左值为真时,右表达式不再运算
(function(){a=5})()&&(function(){a=6})()||(function(){a=7})();//a=7,因为函数要先运算完再计算&&||
var A=[10,20,30,40,50],i=2;
A[++i]=A[++i]=++i;
console.log(A);
[10, 20, 30, 5, 5]//这个结果想到了吗?++先进行运算从左右至右运算,A[3]=A[4]=5,=为先右运算,A[4]=5;A[3]=A[4];
因=最后执行,当||左值为真时,右表达式不再运算,当&&左值为假时右表达式不再运算
一定要记住增值=表达式,优先级在最后。还有个更后的是逗号表达式。
| 运算符 | 描述 |
| . [] () | 字段访问、数组下标、函数调用以及表达式分组 |
| ++ -- - ~ ! delete new typeof void | 一元运算符、返回数据类型、对象创建、未定义值 |
| * / % | 乘法、除法、取模 |
| + - + | 加法、减法、字符串连接 |
| << >> >>> | 移位 |
| < <= > >= instanceof | 小于、小于等于、大于、大于等于、instanceof |
| == != === !== | 等于、不等于、严格相等、非严格相等 |
| & | 按位与 |
| ^ | 按位异或 |
| | | 按位或 |
| && | 逻辑与 |
| || | 逻辑或 |
| ?: | 条件 |
| = oP= | 赋值、运算赋值 |
| , | 多重求值 |
9.日期类型在转换时优先转换为字符串型。
var k=new Date();//Date {Wed Oct 19 2016 10:47:39 GMT+0800}
k+1;//"Wed Oct 19 2016 10:47:39 GMT+08001",k转换成字符串,再加上1,1也被转换为字符串了。
k-1;//1476845259584,这时k转换为字符串,表达式无法计算,所以转换为数字时间戳。
10.变量类型的隐式转换,js期望表达式为字符串或数字会进行隐式转换,转换方法如下表,摘自js权威指南第6版
一定要注意!"0"是false,!0是true

11.全局var和function的属性不能被delete;delete是用来删除对象属性的,但只是断开属性与对象之间的联系,并不会更改属性中的属性
var x=;//声明一个全局变量
delete this.x;//返回false,失败,function声明的也一样
this.y=;//创建一个全局y
delete this.y;//返回true成功
12.注意in和hasOwnProperty()的区别
var o={x:1};
'x' in o;//true
'toString' in o;//true
o.hasOwnProperty('x');//true
o.hasOwnProperty('toString');//false
13.function函数定义
function a(){
console.log(1);
}
if(!a){
function a(){
console.log(2);
}
}
如上写法safari中a()输出2,chrome中输出1
正确写法
function a(){
console.log(1);
}
if(!a){
a=function(){
console.log(2);
}
}
这样就都输出1了
暂时写这点,请大家来补充
js的一些坑,持续增加,学习js应该注意的问题的更多相关文章
- 《Node.js开发实战详解》学习笔记
<Node.js开发实战详解>学习笔记 ——持续更新中 一.NodeJS设计模式 1 . 单例模式 顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直 ...
- 学习JS的这些日子——十二月总结
事实上非常想早就发表这篇十二月份的总结了,可是一直拖拖拉拉没有完毕.一直在想2015年都过去了,该不该再去 写这一篇2015年最后一个月的总结.还有就是2015年的年终总结能否够取代十二月的总结,后来 ...
- 前端学习:JS(面向对象)代码笔记
前端学习:JS(面向对象)代码笔记 前端学习:JS面向对象知识学习(图解) 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script ...
- 学习js回调函数
<!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title> ...
- js类型转换的坑
JS的灵活 说好听是说JS灵活, 说不好听就是JS的坑太多, JS类型转换就是一个大坑, JS的类型包括了原始类型的[null, undefined, String ,Number, Boolean] ...
- gulp入坑系列(2)——初试JS代码合并与压缩
在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)--安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/61 ...
- Turn.js 实现翻书效果的学习与总结
最近CTO给我分配了一个移动端H5开发的任务,主要功能是需要实现翻书效果,我听过主要需求后,当时是呀!!!接下来自己尝试使用fullPage.js和Swiper来实现翻书效果,结果效果都不是非常的理想 ...
- js兼容性大全(持续更新)
javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不 ...
- 【 js 模块加载 】深入学习模块化加载(node.js 模块源码)
一.模块规范 说到模块化加载,就不得先说一说模块规范.模块规范是用来约束每个模块,让其必须按照一定的格式编写.AMD,CMD,CommonJS 是目前最常用的三种模块化书写规范. 1.AMD(Asy ...
- 【 js 基础 】【 源码学习 】 setTimeout(fn, 0) 的作用
在 zepto 源码中,$.fn 对象 有个 ready 函数,其中有这样一句 setTimeout(fn,0); $.fn = { ready: function(callback){ // don ...
随机推荐
- 使用office添加文章目录
当我们用word录入完文章,文章里有段落,段落里又有小标题,每一种标题的格式不尽相同,word为我们提供了相当丰富的标题格式,如:正文,无间隔,标题1,标题2,标题3,标题4,副标题,强调,要点... ...
- HTML5移动Web开发(十)——在浏览器中启动手机原生应用
用户可以在浏览器中启动移动设备的原生应用程序,比如地图.电话.短信等,具体能够启动哪些应用程序,这取决于该移动设备上哪些原生应用是否允许从浏览器启动. 新建ch02r05.html <!doct ...
- IP,路由,交换基础培训记录
IP 掩码 子网划分 vlan划分(有助于减少广播压力) vlan之间互通通过交换机打通. 路由,静态路由,动态路由(学习到的),路由表,下一跳,网络位长的优先级高. 交换机,hub集线器. hub ...
- Javascript动画效果(二)
Javascript动画效果(二) 在前面的博客中讲了简单的Javascript动画效果,这篇文章主要介绍我在改变之前代码时发现的一些问题及解决方法. 在前面的多物体宽度变化的例子中,我们给其增加代码 ...
- Tornado框架
Tornado介绍 Tornado 是 FriendFeed 使用的可扩展的异步非阻塞式 web 服务器及其相关工具的开源版本.这个 Web 框架看起来有些像web.py(豆瓣用这个写的) 或者 Go ...
- C#基础01
ASP.net基础详情 1:Momo就是跨平台的一种.net,借助其Momo可以让其.net网站跑到Lumin和安卓机上面. 2:开发的网站具有安全,速度快,容易配置. 3:互联网开发[网站]和管理系 ...
- LeetCode - Populating Next Right Pointers in Each Node II
题目: Follow up for problem "Populating Next Right Pointers in Each Node". What if the given ...
- LINQ to SQL语句(1)之Where
适用场景:实现过滤,查询等功能. 说明:与SQL命令中的Where作用相似,都是起到范围限定也就是过滤作用的,而判断条件就是它后面所接的子句.Where操作包括3种形式,分别为简单形式.关系条件形式. ...
- iOS学习笔记——基础控件(上)
本篇简单罗列一下一些常用的UI控件以及它们特有的属性,事件等等.由于是笔记,相比起来不会太详细 UIView 所有UI控件都继承于这个UIView,它所拥有的属性必是所有控件都拥有,这些属性都是控件最 ...
- iOS阶段学习第三天笔记(运算符)
iOS学习(C语言)知识点整理笔记 1.运算符 一.算术运算符 1)表达式由变量.常量.运算符构成,有确定的类型和值 2)算术运算符包括: +(加),-(减),*(乘),/(除),%(模) 3)算术运 ...