web前端知识---------------4_前端inject: []-CSDN博客

本文链接：https://blog.csdn.net/qq_57999968/article/details/127077233

==和===的区别

两种符号的定义：　　

"==" 叫做相等运算符； "===" 叫做严格相等运算符（全等运算符）
它们之间的区别：
　　"==" 允许隐式类型转换，只判断等号两边的值是否相等，而不判断类型是否相同。值相同则返回 true ；
　　"===" 不允许隐式类型转换，既要判断值是否相等，也要判断类型是否相同，即全等才能返回 true ；

“==”运算符认为null和undefined是相等的；

“===”运算符认为null和undefined是不相等的。

判断布尔值：
1. 0 f
2. ‘0’ t
3. Undefined f
4. Null f

以下6个值会被转化为false，其他都视为true

null
undefined
0
-0
NaN
“” 或 ‘’（空字符串）

js 基本数据类型：String Number Boolean Null Underfined

引用数据类型：Object function array

Js任务队列

同步代码放到执行栈中执行，异步代码会先存放到任务队列中，执行栈代码先执行，异步代码在执行栈执行完后再执行。任务队列优先级高于消息队列

宏任务和微任务都有什么

宏任务（macrotask）：

异步Ajax请求
setTimeout 、setInterval
文件操作

微任务（microtask）：

Promise.then、Promise.catch和Promise.finally
process.nextTick

'the-first-index'转成小驼峰

let reg=/-(\w)/g;

let str='the-first-index';

let str1=str.replace(reg,($,$1)=>{

return $1.toUpperCase();

});

console.log(str1);

数组方法（增删改查、迭代）

2.2.1 增
push——尾增（返回新数组长度）
unshift——首增（返回新数组长度）
splice（返回空数组）
concat（用于合并两个或多个数组，返回新构建的数组，不影响原数组）
// 增-splice(开始位置, 要增加的元素数量, 要插入的元素) 返回空数组
let colors = ["red", "green", "blue"];
let removed = colors.splice(1, 0, "yellow", "orange")
console.log(colors) // [ 'red', 'yellow', 'orange', 'green', 'blue' ]
console.log(removed) // []

// 增-concat 返回新构建的数组
let colors1 = ['red', 'green', 'blue'];
let colors2 = colors1.concat('yellow', ['black', 'brown']);
console.log(colors1); // [ 'red', 'green', 'blue' ]
console.log(colors2); // [ 'red', 'green', 'blue', 'yellow', 'black', 'brown' ]
2.2.2 删
pop——尾删（返回被删除项）
shift——首删（返回被删除项）
splice（返回被删除元素的数组）
slice（返回新切片构建的数组，但不影响原数组）
// 删-splice(开始位置，要删除元素的数量) 返回删除元素的数组
let colors = ["red", "green", "blue"];
let removed = colors.splice(0,1); // 删除第一项
console.log(colors); // [ 'green', 'blue' ]
console.log(removed); // [ 'red' ]

// 删-slice(新构建数组的开始元素位置, 新构建数组的结束元素位置边界) 不包括结束元素
let colors1 = ["red", "green", "blue", "yellow", "purple"];
let colors2 = colors1.slice(1);
let colors3 = colors1.slice(1, 4);
console.log(colors1); // ['red', 'green', 'blue', 'yellow', 'purple']
console.log(colors2); // ['green', 'blue', 'yellow', 'purple']
console.log(colors3); // ['green', 'blue', 'yellow' ]
2.2.3 改
改：splice（删除部分元素，同时插入元素，影响原数组）
// 改-splice(开始位置, 要删除的元素数量, 要插入的元素) 返回删除元素的数组
let colors = ['red', 'green', 'blue'];
let removed = colors.splice(1, 1, 'purple'); // 删除一个元素，插入一个元素
console.log(colors); // [ 'red', 'purple', 'blue' ]
console.log(removed); // [ 'green' ]，只有一个元素的数组
2.2.4 查
indexOf
includes
find（传入逻辑函数，返回使得逻辑函数为真的第一个元素）
filter（传入逻辑函数，返回所有使得逻辑函数为真的数组）
let numbers = [1, 2, 3, 4, 5, 4];
console.log(numbers.indexOf(4)); // 3
console.log(numbers.includes(4)); // true
console.log(numbers.find((d, index) => d >= 5)); //5

console.log(numbers.filter((d, index) => d >= 5)); //[5];

for in和for of

for...in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性（更接近原型链中对象的属性覆盖原型属性）。

for...of语句在可迭代对象（包括Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句

判断数据类型的方式

1.typeof

typeof 返回值 “object” 、“number”、“boolean”、“undefined”、“function” 、“string”、“function”、'symbol"

typeof 返回的值都是字符串类型

2.instanceof

instanceof 是用来判断数据是否是某个对象的实例，返回一个布尔值

3.constructor

使用 constructor 可以查看目标构造函数，也可以进行数据类型判断。但是不能判断 null 和 undefined，因为这两个特殊类型没有其对应的包装对象。constructor和instanceof 类似，constructor 返回结果的是自己的构造函数，而 instructor 则是自己与构造函数比较返回布尔值

4.Object.prototype.toString

在判断数据类型时，我们称 Object.prototype.toString 为 “万能方法” “终极方法”，工作中也是比较常用而且准确

把一个对象的属性变成不可改变的

数据描述符{
value："",
configurable:false不能删除与重新定义，
writeable：true允许修改属性
enumerable：true允许变量循环
}

组件间通信

1.父组件给子组件传值
   1.将传递的数据写入子组件
   2.在子组件内使用props接收数据
2.子组件给父组件传值
   1.在子组件内发射自定义事件 $emit(自定义事件名称,传递的数据)
   2.在子组件标签上使用自定义事件来接受 @自定义事件='handler'
   handler(a){}
3.兄弟组件传值
法1：

1.定义一个事件总线 new Vue();
   2.引入事件总线使用事件总线Bus.$emit(事件名称,发送的数据)
   3.引入事件总线使用事件总线Bus.$on(事件名称,(a)=>{
       a--->数据
   })
法2： vuex ---传值
4.祖先/子孙组件
   1.使用provide(){
       return {
           传递的数据
           "属性名":属性值/this.msg
       }
   }
   2.inject注入传递的数据
   inject:['属性',"属性"]