前端總結(jié)

Zoom 發(fā)布于2019-08-02 14:23 / 772人閱讀

摘要：是一個(gè)雙目運(yùn)算符內(nèi)部實(shí)現(xiàn)機(jī)制是通過原型鏈來判斷能自定義行為的東西三類型轉(zhuǎn)換轉(zhuǎn)除了其他所有值都轉(zhuǎn)為包括所有對(duì)象對(duì)象轉(zhuǎn)原始類型對(duì)象在轉(zhuǎn)換類型的時(shí)候，會(huì)調(diào)用內(nèi)置的函數(shù)該方法在轉(zhuǎn)原始類型時(shí)調(diào)用優(yōu)先級(jí)最高。

JS基礎(chǔ)知識(shí)

（一）JS中原始類型
(1)原始值有六種：boolean,null,undefined,number,string,symbol
(2)原始類型存儲(chǔ)的都是值，沒有函數(shù)可以調(diào)用，能夠函數(shù)調(diào)用是因?yàn)檫M(jìn)行了強(qiáng)制類型轉(zhuǎn)換，轉(zhuǎn)換成對(duì)象類型
(3)number類型為浮點(diǎn)型類型 eg:0.1+0.2!=0.3 string類型是不可變 string類型調(diào)用任何方法，不會(huì)改變其值
（二）JS對(duì)象類型
原始類型和對(duì)象類型的區(qū)別？

原始類型存儲(chǔ)值，對(duì)象類型存儲(chǔ)地址（指針）

（1）函數(shù)參數(shù)是對(duì)象的情況？
函數(shù)傳參是傳遞對(duì)象指針的副本
（2）typeof vs instanceof
typeof是否能正確判斷類型？instanceof正確判斷對(duì)象的原理？

typeof對(duì)原始類型除了null都可以判斷出類型對(duì)象類型除了function 其他全顯示object typeof是一個(gè)一元運(yùn)算符

function本質(zhì)上也是一個(gè)對(duì)象，但是function對(duì)象與普通對(duì)象相比，其內(nèi)部有一個(gè)[[Call]]方法，用來表示這個(gè)對(duì)象是可調(diào)用的，typeof操作
符在判斷Object時(shí)，如果內(nèi)部實(shí)現(xiàn)了[[Call]]方法,就返回function。

instanceof是一個(gè)雙目運(yùn)算符內(nèi)部實(shí)現(xiàn)機(jī)制是通過原型鏈來判斷 Symbol.hasInstance能自定義instanceof行為的東西

（三）類型轉(zhuǎn)換
（1）轉(zhuǎn)Boolean

除了undefined null false NaN "" 0 -0 其他所有值都轉(zhuǎn)為true 包括所有對(duì)象

（2）對(duì)象轉(zhuǎn)原始類型

對(duì)象在轉(zhuǎn)換類型的時(shí)候，會(huì)調(diào)用內(nèi)置的 [[ToPrimitive]] 函數(shù) 該方法在轉(zhuǎn)原始類型時(shí)調(diào)用優(yōu)先級(jí)最高。

 let a = {
     valueOf() {
    return 0
  },
  toString() {
    return "1"
  },
  [Symbol.toPrimitive]() {
    return 2
  }
}
1 + a // => 3

(3)四則運(yùn)算符
加法運(yùn)算符的特點(diǎn)：

運(yùn)算中其中一方為字符串，那么就會(huì)把另一方也轉(zhuǎn)換為字符串（優(yōu)先轉(zhuǎn)化成字符串）

如果一方不是字符串或者數(shù)字，那么會(huì)將它轉(zhuǎn)換為數(shù)字或者字符串（布爾值轉(zhuǎn)化為數(shù)字其他優(yōu)先字符串）

除了加法運(yùn)算符，其他運(yùn)算符只要其中一方是數(shù)字，那么另一方就會(huì)被轉(zhuǎn)為數(shù)字
比較運(yùn)算符

如果是對(duì)象，就通過toPrimitive轉(zhuǎn)換為對(duì)象

如果是字符串，就通過unicode字符索引來比較

（四）this
如何正確判斷this?箭頭函數(shù)的this是什么?
this指向哪里的優(yōu)先級(jí)規(guī)則：new>bind>obj.foo()>foo() 箭頭函數(shù)一旦被綁定，就不會(huì)再被任何方式所改變

（五）== vs ===
== vs === 有什么區(qū)別？
==:如果類型不同，會(huì)進(jìn)行類型轉(zhuǎn)換
判斷一方是boolean會(huì)轉(zhuǎn)化成number 再進(jìn)行比較可能會(huì)繼續(xù)類型轉(zhuǎn)換
判斷一方是object且另一方為string、number、symbol會(huì)把object轉(zhuǎn)為原始類型再進(jìn)行判斷
（六）閉包
什么是閉包？內(nèi)部函數(shù)可以訪問外部函數(shù)的變量
循環(huán)中使用閉包解決‘var’定義函數(shù)的問題

for (var i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i)
  }, i * 1000)
}

setTimeout是個(gè)異步函數(shù)，會(huì)把循環(huán)全部執(zhí)行完畢，i 就是6
解決辦法一

for (var i = 1; i <= 5; i++) {
  (function(j) {
    setTimeout(function timer() {
      console.log(j)
    }, j * 1000)
  })(i)
}

使用了立即執(zhí)行函數(shù)將 i 傳入函數(shù)內(nèi)部，這個(gè)時(shí)候值就被固定在了參數(shù) j 上面不會(huì)改變，當(dāng)下次執(zhí)行 timer 這個(gè)閉包的時(shí)候，就可以使用外部函數(shù)的變量 j（執(zhí)行上下文作用域鏈優(yōu)先尋找最近的）

解決辦法二

for (var i = 1; i <= 5; i++) {
  setTimeout(
    function timer(j) {
      console.log(j)
    },
    i * 1000,
    i
  )
}

使用 setTimeout 的第三個(gè)參數(shù)，這個(gè)參數(shù)會(huì)被當(dāng)成 timer 函數(shù)的參數(shù)傳入
解決辦法三

for (let i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i)
  }, i * 1000)
}

使用 let 定義 i 了來解決問題了
（七）深淺拷貝
什么是淺拷貝？如何實(shí)現(xiàn)淺拷貝？什么是深拷貝？如何實(shí)現(xiàn)深拷貝？
Object.assign淺拷貝只會(huì)拷貝所有的屬性值到新的對(duì)象中，如果屬性值是對(duì)象，拷貝的是地址
通過展開運(yùn)算符...同樣實(shí)現(xiàn)淺拷貝
淺拷貝只解決第一層的問題
深拷貝：通過JSON.parse(JSON.stringify(object))
局限性：會(huì)忽略u(píng)ndefined,symbol,不能序列化函數(shù)，不能解決循環(huán)引用的對(duì)象
lodash實(shí)現(xiàn)深拷貝
（八）原型
如何理解原型？如何理解原型鏈？