记JavaScript的漏点(一
new操作符具体干了什么呢?
new
操作符用于创建一个给定构造函数的实例对象
- 创建一个新的对象
obj
- 将对象与构建函数通过原型链连接起来
- 将构建函数中的
this
绑定到新建的对象obj
上 - 根据构建函数返回类型作判断,如果是原始值则被忽略,如果是返回对象,需要正常处理
null和undefined的区别
null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。
undefined:
(1)变量被声明了,但没有赋值时,就等于undefined。
(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。
(3)对象没有赋值的属性,该属性的值为undefined。
(4)函数没有返回值时,默认返回undefined。
null:
(1) 作为函数的参数,表示该函数的参数不是对象。
(2) 作为对象原型链的终点。
练习中漏点:
console.log("[]+[]=" + ([] + []));
//[]+[]的值为空
var obj = { name: "tom" };
var obj2 = obj;
obj.name = "jim";
console.log(obj2.name); //jim
for (var i = 0, j = 0; i < 10, j < 6; i++, j++) {
k = i + j;
}
alert(k);
//设三个p标签内容为‘hello’
var eles = document.querySelectorAll("p");
var res = Array.from(eles).filter(item => {
return item.innerHTML;
});
console.log(res[0].innerHTML);//hello
console.log(typeof Array.from(eles));//object
//Array.of()方法用于将一组值,转换为数组。
var arr = Array.of(10, 20, 30); //[10,20,30]
console.log(arr);
//fill方法使用给定值,填充一个数组。
var arr = new Array(100).fill("hello");
console.log(arr);
//ES6 提供三个新的方法——entries(),keys()和values()——用于遍历数组
//keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。
var arr = ["tom", "jim", "jack", "jerry"];
for (item of arr.keys()) {
console.log(item);
}
for (item of arr.values()) {
console.log(item);
}
for ([item, index] of arr.entries()) {
console.log(item);
}
//数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。
var arr = [10, 34, 45, [5, 6]];
var res = arr.flat();
console.log(res); //[10, 34, 45, 5, 6]