這篇文章給大家分享的是有關前端基礎面試題及參考答案的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

成都網絡公司-成都網站建設公司成都創新互聯10余年經驗成就非凡，專業從事成都網站制作、成都網站建設，成都網頁設計，成都網頁制作，軟文平臺，廣告投放等。10余年來已成功提供全面的成都網站建設方案，打造行業特色的成都網站建設案例，建站熱線：18980820575，我們期待您的來電！

基礎題

我出的這套基礎題，面試(當面答題，想百度是不存在的)好多人，情況都比較差，沒有令我滿意的，是我出題太難了么？

介紹一下js原型繼承

查看答案

當我們想要從 object 中讀取一個缺失的屬性時，js 會自動從原型中獲取它

舉例：

const animal = {
  eats: true,
  sleep: true,
  voice: '',
  bark(){
    console.log(this.voice);
  },
}
const dog = {
  run: true,
  voice: 'wang~~ wang~~',
}
dog.__proto__ = animal;
console.log(dog.run) // true
console.log(dog.eats) // true
console.log(dog.bark()) // wang~~ wang~~
console.log(dog.sleep) // true

總結：

  所有的對象都有一個隱藏的 [[Prototype]] 屬性，它可以是另一個對象或者 null。

  可以使用 obj.__proto__ 進行訪問。

  [[Prototype]] 引用的對象稱為“原型”。

  要讀取 obj 屬性或者調用一個方法，而且它不存在，那么就會嘗試在原型中查找它。

  寫/刪除直接在對象上進行操作，它們不使用原型（除非屬性實際上是一個 setter）。

  我們調用 obj.method()，而且 method 是從原型中獲取的，this 仍然會引用 obj。

  方法重視與當前對象一起工作，即使它們是繼承的。

擴展：

  構造函數繼承、組合繼承、寄生繼承、寄生組合式繼承。

說說什么是防抖、節流，在實際應用中在哪些場景會用到它們

防抖：

  連續觸發的事件（高頻），在單位時間T內只執行最后一次，

  若在T內再次觸發，則清空定時重新計算。場景：模糊搜索

節流：

  連續觸發的事件（高頻），在單位時間T內只執行一次。窗口滾動，獲取滾動條top

javascript如何實現跨窗口通信

若子域同源，則可以通過設置document.domain將窗口視為同源站點，進行通信，

  例如本地儲存等等方式。

若不同源，我們可以在通過 postMessage(data,targetOrigin) 這個接口，進行跨窗口通信。

什么是點擊劫持，如何防范

點擊劫持：

  允許惡意網頁以用戶的名義點擊 “受害站點”。

  通常惡意網頁在受害網站鏈接之上放置一個透明