前端总结

11次阅读

共计 1961 个字符,预计需要花费 5 分钟才能阅读完成。

JS 基础知识
(一)JS 中原始类型 (1) 原始值有六种:boolean,null,undefined,number,string,symbol(2)原始类型存储的都是值,没有函数可以调用,能够函数调用是因为进行了强制类型转换,转换成对象类型(3)number 类型为浮点型类型 eg:0.1+0.2!=0.3 string 类型是不可变 string 类型调用任何方法,不会改变其值(二)JS 对象类型原始类型和对象类型的区别?
原始类型存储值,对象类型存储地址(指针)
(1)函数参数是对象的情况?函数传参是传递对象指针的副本(2)typeof vs instanceoftypeof 是否能正确判断类型?instanceof 正确判断对象的原理?

typeof 对原始类型除了 null 都可以判断出类型 对象类型除了 function 其他全显示 object typeof 是一个一元运算符
function 本质上也是一个对象,但是 function 对象与普通对象相比,其内部有一个 [[Call]] 方法,用来表示这个对象是可调用的,typeof 操作 符在判断 Object 时,如果内部实现了 [[Call]] 方法, 就返回 function。
instanceof 是一个双目运算符 内部实现机制是通过原型链来判断 Symbol.hasInstance 能自定义 instanceof 行为的东西

(三)类型转换(1)转 Boolean
除了 undefined null false NaN ” 0 -0 其他所有值都转为 true 包括所有对象
(2)对象转原始类型
对象在转换类型的时候,会调用内置的 [[ToPrimitive]] 函数 该方法在转原始类型时调用优先级最高。
let a = {
valueOf() {
return 0
},
toString() {
return ‘1’
},
[Symbol.toPrimitive]() {
return 2
}
}
1 + a // => 3
(3)四则运算符 加法运算符的特点:

运算中其中一方为字符串,那么就会把另一方也转换为字符串(优先转化成字符串)
如果一方不是字符串或者数字,那么会将它转换为数字或者字符串(布尔值转化为数字 其他优先字符串)

除了加法运算符,其他运算符只要其中一方是数字,那么另一方就会被转为数字 比较运算符

如果是对象,就通过 toPrimitive 转换为对象
如果是字符串,就通过 unicode 字符索引来比较

(四)this 如何正确判断 this? 箭头函数的 this 是什么?this 指向哪里的优先级规则:new>bind>obj.foo()>foo() 箭头函数一旦被绑定,就不会再被任何方式所改变

(五)== vs ===== vs === 有什么区别?==: 如果类型不同,会进行类型转换判断一方是 boolean 会转化成 number 再进行比较 可能会继续类型转换判断一方是 object 且另一方为 string、number、symbol 会把 object 转为原始类型再进行判断(六)闭包什么是闭包?内部函数可以访问外部函数的变量循环中使用闭包解决‘var’定义函数的问题
for (var i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i)
}, i * 1000)
}
setTimeout 是个异步函数,会把循环全部执行完毕,i 就是 6 解决办法一
for (var i = 1; i <= 5; i++) {
(function(j) {
setTimeout(function timer() {
console.log(j)
}, j * 1000)
})(i)
}

使用了立即执行函数将 i 传入函数内部,这个时候值就被固定在了参数 j 上面不会改变,当下次执行 timer 这个闭包的时候,就可以使用外部函数的变量 j(执行上下文 作用域链 优先寻找最近的)
解决办法二
for (var i = 1; i <= 5; i++) {
setTimeout(
function timer(j) {
console.log(j)
},
i * 1000,
i
)
}
使用 setTimeout 的第三个参数,这个参数会被当成 timer 函数的参数传入解决办法三
for (let i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i)
}, i * 1000)
}
使用 let 定义 i 了来解决问题了(七)深浅拷贝什么是浅拷贝?如何实现浅拷贝?什么是深拷贝?如何实现深拷贝?Object.assign 浅拷贝 只会拷贝所有的属性值到新的对象中,如果属性值是对象,拷贝的是地址通过展开运算符 … 同样实现浅拷贝浅拷贝只解决第一层的问题深拷贝:通过 JSON.parse(JSON.stringify(object))局限性:会忽略 undefined,symbol, 不能序列化函数,不能解决循环引用的对象 lodash 实现深拷贝(八)原型如何理解原型?如何理解原型链?

正文完
 0