前端小知識10點（2019.5.2）

yibinnn 發布于2019-08-23 17:16 / 470人閱讀

摘要：為什么整體上是一個匿名函數自調用因為匿名函數自執行里面的所有東西都是局部的，這樣引用時，能防止和其他的代碼沖突。對象的類型標簽是。由于代表的是空指針大多數平臺下值為，因此，的類型標簽也成為了，就錯誤的返回了。

1、為什么 jQuery 整體上是一個匿名函數自調用？

因為匿名函數自執行里面的所有東西都是局部的，這樣引用 jQuery 時，能防止和其他的代碼沖突。

2、jQuery 靜態方法和實例方法的區別

$() 是調用 jQuery 方法返回的一個 jQuery 對象，$() 調用的方法是實例方法，實例方法只能為 $() 所用

如：$("li").each()

$ 是 jQuery 函數（方法），$ 調用的方法是靜態方法/工具方法，靜態方法既可以給 $() 調用，也可以給原生 javascript 調用

如：$().each()

3、為什么 typeof null 的結果是 object ？

console.log(typeof null) //object

在 JavaScript 最初的實現中，JavaScript 中的值是由一個表示類型的標簽和實際數據值表示的。對象的類型標簽是 0。由于 null 代表的是空指針（大多數平臺下值為 0x00），因此，null的類型標簽也成為了 0，typeof null就錯誤的返回了"object"。

MDN鏈接：https://developer.mozilla.org...

4、undefined 不是 js 的關鍵字
我們習慣在項目里這樣判斷是否為 undefined

name===undefined?"a":"b"

但一旦手動定義 undefined 并且賦值了，那么會覆蓋掉 js 的變量類型 undefined

let undefined="a"
console.log(undefined) //a

所以，在做項目中，不要給變量起名為 undefined，并賦值

5、利用原型，來節省內存
A:

   function person(name){
      this.name=name
      this.showName=function(){
        console.log(this.name)
      }
    }

    function personA(name) {
      this.name=name
    }
    personA.prototype={
      showName:function () {
        console.log(this.name)
      }
    }

使用方法 A 來 new 對象時，每個對象都要定義一遍 showName 方法，這會增加瀏覽器的內存
而使用方法 B new 對象的話，每個對象都共享了原型的方法，從而節省內存

6、new 一個對象，一般經過四個步驟
（1）創建一個新對象
（2）將構造函數的作用域賦值給該對象（即 this 指向該對象）
（3）執行構造函數的代碼
（4）返回該新對象
注意：new 關鍵字的重要作用就是把實例對象的 this 與原型鏈相關聯

7、數組的index（array[-5]=?）

    let a=[1,2,3]
    //-1 相當于 a.length-1=2
    console.log(a[2])
    //-3 相當于 a.length-3=0
    console.log(a[0])
    
    //-5 相當于 a.length-5=-2
    //-2 相當于 a.length-2=1
    //即 -5 相當于a[1]
    console.log(a[1])

8、antd的的 allowClear 作用是清除value的值，如果你的value是保存在state里的話，也是可以清除的

9、對象有中文屬性，如何通過解構賦值的方式去獲取中文屬性？

  let obj={"哈哈":1}
  const {"哈哈":b}=obj
  const {a:{"嘿嘿":b}}=obj 
  console.log(b,"b24") //1

10、對象解構賦默認值

//默認設為noa
const {a="noa"}=obj
//默認設為nob
const {a:{b="nob"}}=obj

（完）

云服務器 GPU云服務器前端知識小知識前端知識阿里云 html前端知識

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/104077.html

前端小知識10點（2019.5.18）

摘要：當給數組的賦負數或小數時，數組的長度有無變化由此可見，的屬性只計算非負整數下標不計算負數小數項目熱更新慢并且是在時卡住怎么辦本人實際上是文件里多寫了個逗號。。。。 showImg(https://segmentfault.com/img/remote/1460000019223033); 1、當給數組的index賦負數或小數時，數組的長度有無變化？ let arr=[] arr...

neuSnail 2019-08-26 13:50 評論0 收藏0
前端小知識10點（2019.5.28）

摘要：可以看到，這組參數，以上三條全部滿足。詳情請參考瀏覽器類別判斷安全瀏覽器完 showImg(https://segmentfault.com/img/remote/1460000019316485); 1、火狐（firefox）的mouseenter問題 { this.mouseEnter(e,); }} onBlur={() => {...

Imfan 2019-08-26 13:57 評論0 收藏0
前端小知識10點（2019.4.14）

摘要：函數中最好從和讀取數據，僅在寶貴的時刻用。服務端渲染將在廢棄，改成這個方法會從中刪除已經掛載的并且清理上面注冊的事件和狀態，如果中沒有掛載，則調用此函數不執行任何操作。 1、React.PureComponent 與 React.Component 的區別React.PureComponent?與?React.Component?幾乎完全相同，但?React.PureComponent...

android_c 2019-08-23 17:04 評論0 收藏0