深入那些曾经忽略的Javascript知识
1. parseInt(string, [radix]),parseFloat(string)
一般我们省略第二个参数,parseInt(‘100’) === 100,此时默认认为‘100’是一个十进制数的字符串。
parseInt(‘100’,10),100
parseInt(‘100’,2),4
parseInt(‘-FF’,10),-255
parseFloat(‘3.0’),3//小数位为0得到3
parseFloat(‘3.0001sss’),//3.0001 从0位开始截取有效数字字符串
2. typeof null,null instanceof Object
typeof null;//’object’,null是一个原生非可调用对象
null instanceof Object;//false,可以理解null是一个空对象(对象占位符),而不是一个实例
typeof undefined === ‘undefined’
typeof null === ‘object’
a = {b:1}, typeof a === ‘object’ //a为一个引用类型
typeof 9 === ‘number’
typeof ‘seed’ === ‘string’
typeof false === ‘boolean’
js的原始类型包括:Number,Boolean,Null,String,Undefined
3. [1,2,3].reduce(function(pre,current){return pre*current},2) === 12
Reduce方法接收一个接收previousValue和nextValue,返回当次计算结果回调方法,还有一个初始参数
4. 3+(3===3)?'some':'any' === ‘some’
+运算符的优先级高于?:,所以3+(3===3) === 4,所以输出’some’
5. var name = 'World!';
(function () {
if (typeof name === 'undefined') {
var name = 'Jack';
console.log('Goodbye ' + name);
} else {
console.log('Hello ' + name);
}
})();
输出’Goodby Jack’,当注释掉var name = 'Jack';则输出’Hello World!’
6. arr=[1,2,3];arr[10]=0;
arr.filter(function(number){return number === undefined});//[]
此时
arr :[1, 2, 3, undefined × 7, 0];
arr.length === 11;
filter方法遍历的是arr的key,我们可以通过
arr.hasOwnProperty('1') === true
arr.hasOwnProperty('10') === true
arr.hasOwnProperty('6) === false
所以filter方法其实只会遍历到’0’,’1’,’2’,’10’这四个key,而3-9这6个key不存在,当然arr['6'] === undefined是成立的。所以数组中key的缺失和为一个key赋值为undefined也是不一样的。Array的map,forEach也是根据index key是否初始化来判断是否进行操作。
使用如下方法克隆arr
arr2 = JSON.parse(JSON.stringify(arr))
得到的arr2为:[1, 2, 3, null, null, null, null, null, null, null, 1]
可见stringify方法在遍历数组时发现缺失的key用null做了默认值。
7. 0.2 – 0.1 === 0.1
But
0.3 – 0.2 === 0.09999999999999998
0.8 - 0.6 === 0.20000000000000007
通过这三组计算我们发现js没有准确的数字,尤其是减法,但我们可以发现如果用toFixed方法就可以四舍五入的到固定位数的浮点数
(0.8-0.6).toFixed(2) === ‘0.20’
(0.8-0.6).toFixed(1) === ’0.2’ == 0.2
(0.8-0.6).toFixed(1) == 0.2
再使用parseFloat((0.8-0.6).toFixed(1)) === 0.2
8. 这里还是数字的坑,parseInt(233.001,0)相当于parseInt(233.001,10),parseInt(233.001),parseInt(1000.22,false),
parseInt(1000.22,undefined),parseInt(1000.22,null)
parseInt的第二个参数为0,undefined,null,false,10,缺失,都认为是十进制
9. [1]==[1] === false
对象比较的是地址,等号前后的[1]分别是不同的对象,引用不同,所以不相等
B=[2,3,4];C=B
则B==C === true, B===C === true
[2,3,4]==[2,3,4] ===false
10. a=[1,3],b=[1,5],c=[1,5]
b == c //false
b === c //false
a < b//true
每个数组对象是不一样的实例,用 == 或 === 比较的时候,其实比较的是对象引用,所以b === c //false,但对于大于小于,会按照数组从前往后进行比较。
其实不止数组,对于按数字索引的对象如:String也是如此
m = new String('sdfg');
n = new String('sdfz');
p = new String('sdfz');
q=new String(‘a’);
所以p == n //false
p>n//false
p<n//false
p>q//true
m<n//true
11. Prototype,__prpto__,Object.getPrototypeOf
function User = function(params){
this.name = params.name;
this.id = params.id;
}
User.prototype.greet = function(){
alert(‘Hi,I am ’ + this.name + ‘!’);
}
User.ptototype //Object{},得到的是 User的实例的prototype
Object.getPrototypeOf(new User())//Object{}, getPrototypeOf是获取一个实例的prototype的标准方法
Object.getPrototypeOf(User)//function(){},js中除了原始数据类型,都是对象,function User,就是Function的一个对象实例
User instanceof Function === true
__ptoto__ 是获取实例的prototype的非标准方法
12. "1 2 3".replace(/\d/g, function(a,b){
console.log(a);console.log(b);
return a%2;
}) === ‘1 0 1’
String.prototype.replace接收一个正则和一个回调,每次调用回调函数会传递[Item,Index]这样的两个参数,
13. eval(null) === ‘null’, eval(undefined) === ‘undefined’
eval('var v=12,b="12"'),将申明v和b两个变量