感谢Bosn的分享
玩转数据类型
《JS公开课》系列分享
1). 认识JavaScript DONE
2).数据类型 & 操作符
3). 谈对象
4). 基于原型的继承机制
5). 运行上下文
6). 神奇的闭包
7). 高性能JavaScript
1、Looking Back
首先做一个回顾
5 – “4” 5 + “4” +!{}[true] +[1] +[1, 2] 7 – “a” 7 / 0 5 + “4” 5 + null 4 == “4.00” 4 === “4.00” null == undefined 0 == false 0 == null null == false
首先各位做一下上面的题目吧,看看自己做出来的和结果是不是一样。
做完题目了,先别急,不懂的我们会在下文讲到,懂的就当补脑了,也可以复习一下。
2、Basic
大家众所周知,JS分为以上两种类型,一种是对象,另外一种是基元类型。
var x = ‘The answer is ‘ + 42; var y = 42 + ‘ is the answer’; “37” – 7 //30 “37” + 7 //'377'
最常用且容易疑惑的是加法运算,除了算数意义,还表示着字符串拼接。
上面的代码就可以明显看出来,
细心看下这一段ECMA的标准
二元加法操作符“+”:任意一个操作数是字符串,理解为字符串拼接。
二元减法操作符“-”:操作数尝试转换成数字并做减法运算。
11.9.3 The Abstract Equality Comparison Algorithm The comparison x == y, where x and y are values, produces true or false. Such a comparison is performed as follows: 1. If Type(x) is the same as Type(y), then a. If Type(x) is Undefined, return true. b. If Type(x) is Null, return true. c. If Type(x) is Number, then i. If x is NaN, return false. © Ecma International 2011 81 ii. If y is NaN, return false. iii. If x is the same Number value as y, return true. iv. If x is +0 and y is -0, return true. v. If x is -0 and y is +0, return true. vi. Return false. d. If Type(x) is String, then return true if x and y are exactly the same sequence of characters (same length and same characters in corresponding positions). Otherwise, return false. e. If Type(x) is Boolean, return true if x and y are both true or both false. Otherwise, return false. f. Return true if x and y refer to the same object. Otherwise, return false. 2. If x is null and y is undefined, return true. 3. If x is undefined and y is null, return true. 4. If Type(x) is Number and Type(y) is String, return the result of the comparison x == ToNumber(y). 5. If Type(x) is String and Type(y) is Number, return the result of the comparison ToNumber(x) == y. 6. If Type(x) is Boolean, return the result of the comparison ToNumber(x) == y. 7. If Type(y) is Boolean, return the result of the comparison x == ToNumber(y). 8. If Type(x) is either String or Number and Type(y) is Object, return the result of the comparison x == ToPrimitive(y). 9. If Type(x) is Object and Type(y) is either String or Number, return the result of the comparison ToPrimitive(x) == y. 10. Return false.
再列一段,ECMA标准规范上面写明了,==进行比较的时候采取怎么处理的方式。
今天晚上先弄到这里,明天继续。把没写完的搞完,包括包装对象Wrapper Object
3、Wrapper Object
var a = “string”; alert(a.length); //6 a.t = 3; alert(a.t); //undefined
定义的a是一个字符串,本身是没有length这个方法的,为什么弹出的会是6呢?难道转换成了Object?
但是后面的alert弹出的却是undefined,证明了a添加t方法失败,那就是说a不是一个Object。为什么会出现这个区别呢?先看下图
实际上,在JS处理这个问题的时候有自己的处理方式。
var a = “string”; alert(a.length);//当处理这个a.length的时候,实际上经过了以下步骤 //这个tmp是虚构的,方便大家理解 //var tmp = new String(a); //tmp.length;//6 //a.length实际上是tmp.length //tmp是一个String对象有length这个方法 //然后处理完了之后tmp就被销毁了 //所以a还是一个String
苦B的在公司加班中。。。下一条,其实也是一个思想。
a.t = 3; alert(a.t); //这里的处理方式跟上面的其实是一样的 //var tmp = new Object(a); //tmp.t = 3;实际上添加了t这个方法,但是处理完这一条之后,被销毁。 //所以alert(a.t)这个时候的a还是一个字符串。没有t方法。