null和undefined的区别,变量提升

1.null和undefined
null:意味着空值;当你想清空一个值或一个变量时,可以将它赋值为null;
undefined:变量已声明,但是未给变量赋值,此时变量的值以及类型都是undefined;

let x;
console.log(x);//undefined
console.log(type x);//undefined

undefined和null比较:

let x;//undefined
console.log(Number(x));//NAN
let y = nulll;//null
console.log(Number(y));//0

console.log(x == y);//rue,
console.log(x === y);//false

undefined和null比较.png

2.变量提升
编译原理:

编译原理.png

为什么会出现变量提升.png

Es6引入的块级作用域(let/const),使用一对{}包裹的代码.这可以解决变量提升带来的问题

let x = 10;
{
    let x =12;
    consolel.log(x);//12
}
consolel.log(x);//10

3.剩余运算符和拓展运算符 ...

剩余运算符和拓展运算符.png

3.1剩余运算符

//ES5
function sum() {
    console.log(arguments);//arguments伪数组
    console.log(arguments[0]);
}
sum(1, 2, 3)
//ES6
function sum2(...nums) {
    console.log(nums);
    console.log(nums[0]);
}
sum2(4, 5, 6);

运行结果.png

剩余运算符和拓展运算符详细:
https://blog.csdn.net/weixin_43974265/article/details/113030814
4.INFINITY(无穷大 -- 正,负)

Number.POSITIVE_INFINITY; // => Infinity
Number.NEGATIVE_INFINITY; // => -Infinity
Infinity > Number.MAX_VALUE;        // => true
//判断方式 是否是有效值
Number.isFinite(Infinity);  // => false
Number.isFinite(-Infinity); // => false
Number.isFinite(999);       // => true

5.NAN: not a number

let a = 1;
let b = 'value';
console.log(a * b);//NAN
//isNAN 判断是否是number
console.log(isNAN(a*b));//false
//也可以使用isFinite进行判断
console.log(isFinite(a*b));//false

NAN每次调用都是唯一值,不能用来进行判断 ''a" == NAN 不能通过这种方式进行判断
isNAN与isFinate的区别:isFinate既可以是否是数字也可以判断数字是否有效

6:箭头函数

三个注意的点
①无this指向(或者说继承外部的this指向),使用Object函数时,不要使用箭头函数,会导致this指向不清晰
②箭头函数中没有arguments对象 --- arguments is not defined
③不能使用new 关键词来调用箭头函数(箭头函数没有自己的this,因此不能用来作为构造函数)

//基本用法
//传统函数
function test() {
    console.log("传统函数");
}
test();
//函数表达式
const test = function() {
    console.log("函数表达式");
}
test()
    //箭头函数
const test = () => {
        console.log("箭头函数");
    }
    //箭头函数的简写
    //原:只有一个参数
const test = (a) => {
        console.log(a);
    }
    //简
const test = a => {
        //执行代码
    }
    //只有一句执行代码
const test = a => console.log(a);
const test = (a, b) => console.log(a, b);

//箭头函数的this指向问题(在浏览器中执行)
const obj = {
    test() {
        console.log(this); //{ test: [Function: test] }
    }
}
obj.test();
const obj2 = {
    test: () => {
        console.log(this); //Window {window: Window, self: Window, document: document, name: '', location: Location, …}
    }
}
obj2.test();

简写代码：
https://blog.csdn.net/weixin_49463158/article/details/117385785