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
