《JavaScript 高級程序設計》筆記 第7章及以后

第7章 函數表達式

  1. 匿名函數的name屬性是空字符串;
  2. 閉包是函數:閉包是有權訪問另一個函數作用域中變量的函數;(P181 副作用,解釋了點擊li彈出循環最后值的原因)
  3. 當某個函數第一次被調用時,會創建一個執行環境及相應作用域鏈,并把作用域鏈賦值給一個特殊內部屬性[[scope]],使用this、arguments和命名參數來初始化函數的活動對象;
  4. 無論什么時候在函數中訪問一個變量時,就會從作用域鏈中搜索具有相應名字的變量。一般來講,當函數執行完畢后,局部活動對象就會被銷毀,內存中僅保存全局作用域(全局執行環境的變量對象);
  5. 閉包不然:在函數內部定義的函數,會將外部函數的活動對象,添加到自己的作用域鏈中;
  6. 閉包的副作用:閉包只能取得外部函數中任何變量的最后一個值
function createFunctions() {var result = new Array()for(var i = 0;i < 10; i++){return[i] = function() {return i}}return result
}
// 每個函數的作用域鏈中都保存著createFunctions()函數的活動對象,它們引用同一個變量i
  1. 創建一個匿名函數,強制讓閉包的行為符合預期:
function createFunctions() {var result = new Array()for(var i = 0;i < 10; i++){return[i] = function(num) {return function() {return num}}(i)}return result
}
//沒有直接將閉包賦值給數組;
//定義了一個匿名函數,并將立即執行該函數的結果賦值給數組;
//匿名函數有參數num,也是最終函數要返回的值;
//在調用每個匿名函數時,傳入變量i,函數參數是按值傳遞的,會將變量i的當前值傳給num
//匿名函數的內部,又創建并返回了一個訪問num的閉包
  1. 匿名函數的執行環境具有全局性,其this對象通常指向window:
var name = "The Window"
var obj = {name: "My Obj",getNameFunc: function(){return function(){return this.name}}
}
obj.getNameFunc()() // The Window
  1. JavaScript不會告訴你是否多次聲明了同一個變量,遇到這種情況,它會對后續的聲明視而不見;
  2. 用匿名函數來模仿塊級作用域:
(function(){// 這里是塊級作用域 
})()

錯誤寫法:

function(){// 這里是塊級作用域 
}()
錯誤: 函數聲明后面不能跟圓括號

第8章 BOM

  • window對象
  • location對象
  • navigator對象
  • screen對象
  • history對象
  1. 嘗試訪問未聲明的變量會拋出錯誤,但是通過查詢window對象,可以知道某個可能未聲明的變量是否存在:
var b = a //報錯,這里a未定義
var c =  window.a // c的值是undefined

第9章 客戶端檢測

  • 能力檢測:
    1) 先檢測達成目的的最常用的特性(避免測試多個條件)
    2) 必須測試實際要用到的特性

第10~12章 DOM

  • NodeList是有生命、呼吸的對象,而不是在我們第一次訪問它們的某個瞬間拍攝下來的一張快照;
  • 如果列表中只有一個節點,那么該節點的nextSibling和previousSibling都為null;
  • ownerDocument是所有節點都有的屬性,指向整個文檔的文檔節點;

第13章 事件

  • 建議使用事件冒泡;
  • 事件處理程序中的代碼在執行時,有權訪問全局作用域中的任何代碼;
  • 在HTML中指定事件處理程序的缺點:
    1)存在時差問題:用戶可能在頁面剛顯示按鈕時,就點擊,如果點擊事件是在按鈕下方、頁面的最底部定義的,就會引發錯誤,可以封裝在try-catch塊中;
    2)事件處理程序的作用域鏈在不同瀏覽器中可能會有不同效果;
    3)HTML和JavaScript緊密耦合;
  • 事件對象
    1) DOM中:event對象作為參數;
    2) IE中:event對象作為window對象的屬性

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251340.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251340.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251340.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

[樹形dp] Jzoj P1046 尋寶之旅

Description 探險隊長凱因意外的弄到了一份黑暗森林的藏寶圖&#xff0c;于是&#xff0c;探險隊一行人便踏上了尋寶之旅&#xff0c;去尋找傳說中的寶藏。藏寶點分布在黑暗森林的各處&#xff0c;每個點有一個值&#xff0c;表示藏寶的價值。它們之間由一些小路相連&#xff0…

javascript --- 使用語法糖class定義函數

本文討論的是通過class聲明的函數,有什么特點,或者說是指向了哪里. class A() {} // A是一個類// 要看class聲明的函數指向哪里,只需將其[[Prototype]]屬性打印到控制臺,下面看看A和它的原型對象的指向 // 注:[[Prototype]]屬性通過__proto__訪問 console.log(A.__proto__…

前端知識點整理收集(不定時更新~)二

目錄 require() 加載文件機制 線程和進程 線程 單線程 Nodejs的線程與進程 網絡模型 初識 TCP 協議 三次握手 I/O I/O 先修知識 阻塞與非阻塞 I/O 同步與異步 I/O Git 基礎命令 分支操作 修改遠程倉庫地址 遠程分支獲取最新的版本到本地 拉取遠程倉庫指定分支…

SpringBoot零基礎入門指南--搭建Springboot然后能夠在瀏覽器返回數據

File->new Project 修改默認包名&#xff0c;根據自己的喜好修改 選擇初始化需要導入的包&#xff0c;盡量不要一開始就導入很多&#xff0c;特別是數據庫&#xff0c;不然啟動可能會有問題&#xff0c;創建好的目錄如下&#xff1a; 配置文件寫在application.properties下&…

JavaScript算法相關

1. 排序 1.1.冒泡排序 每一輪比較&#xff0c;從左至右交換相鄰&#xff0c;每輪結束&#xff0c;最后一個為最大下一輪&#xff0c;需要比較的個數 - 1 j < len - i (范圍動態縮小)共 len - 1 輪比較 function bubbleSort(arr) {var len arr.length;for (var i 1; i &…

javascript --- 編程風格

字符串 const a foobar; const b foo${a}bar; // 此處是反引號(tab鍵上) const c foobar;解構賦值 const [first, second] arr;function getFullName({ firstName, lastName }) { }function processInput(input) {return { left, right, top, bottom }; } const { left…

$ - 字符串內插

$ 特殊字符將字符串文本標識為內插字符串。 內插字符串是可能包含內插表達式的字符串文本。 將內插字符串解析為結果字符串時&#xff0c;帶有內插表達式的項會替換為表達式結果的字符串表示形式。 此功能在 C# 6 及該語言的更高版本中可用。 與使用字符串復合格式設置功能創建…

數據結構基礎知識

排序 參考&#xff1a;https://www.bilibili.com/video/av38482633/?spm_id_fromtrigger_reload 目錄 排序 插入排序 直接插入排序 折半排序 希爾排序 ? 交換排序 冒泡排序 快速排序 選擇排序 堆排序 流量單位計算 什么是計數排序 復雜度分析&#xff1a; 什…

linux中安裝軟件,查看、卸載已安裝軟件方法

各種主流Linux發行版都采用了某種形式的包管理系統&#xff08;PMS&#xff09;來控制軟件和庫的安裝。 軟件包存儲在服務器上&#xff0c;可以利用本地Linux系統上的PMS工具通過互聯網訪問。這些服務器稱為倉庫。 由于Linux發行版眾多,目前還沒有統一的PMS標準工具。 這里分別…

html5 --- 使用javascript腳本控制媒體播放

H5中的標簽(<audio…/> 和 <video…/>)對于JS中的HTMLAudioElement對象和HTMLVideoElement對象 對象有以下幾個方法: play(): 播放 pause(): 暫停播放 load(): 重新裝載音頻、視頻 canPlayType(type): 判斷該元素可播放type類型的音頻、視頻 下面是一個簡單的音樂…

在js中if條件為null/undefined/0/NaN/表達式時,統統被解釋為false,此外均為true

Boolean 表達式 一個值為 true 或者 false 的表達式。如果需要&#xff0c;非 Boolean 表達式也可以被轉換為 Boolean 值&#xff0c;但是要遵循下列規則&#xff1a; 所有的對象都被當作 true。當且僅當字符串為空時&#xff0c;該字符串被當作 false。null 和 undefined 被當…

ES6專題——整理自阮一峰老師的ECMAScript 6入門

這里我僅僅是記錄了那些我認為值得注意的ES6知識點&#xff0c;詳細版請挪步https://es6.ruanyifeng.com/#docs/let let和const命令 let聲明的變量只在它所在的代碼塊有效。 var a []; for (let i 0; i < 10; i) {a[i] function () {console.log(i);}; } a[6](); // 6 …

開發測試比

1.服務器已經開啟了CORS跨域支持 瀏覽器有同源策略限制&#xff1a;協議、域名、端口號其中無法向非同源地址發送ajax請求 跨域解決方法&#xff1a;JSONP&#xff08;只支持get不支持post&#xff09;&#xff0c;不是ajax 凡是有src屬性的標簽都有跨域能力 前端定義一個處理…

map函數用法詳解

map函數是Python內置的高階函數&#xff0c;它是一個典型的函數式編程例子。它的參數為: 一個函數function、一個或多個sequence。通過把函數function依次作用在sequence的每個元素上&#xff0c;得到一個新的sequence并返回。注意&#xff1a;map函數不改變原有的sequence&…

2018暑假集訓測試六總結

拿到試題沒幾分鐘&#xff0c;就有人說會做T1QAQ。第一題感覺似曾相識&#xff0c;其實不同。梳理出本質后發現有兩個限制&#xff0c;便想用枚舉遞推來快速求解&#xff0c;發現要么是不會推&#xff0c;要么是時空超限&#xff0c;不會優化。期間也想過通過離線做&#xff0c…

css3 --- 使用媒體查詢進行響應式布局

css3引入media,可以根據設備特性進行不同的布局, 本文展示的是根據不同屏幕的寬度進行不同的布局,代碼如下: <!DOCTYPE html> <html> <head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title> 針…

node項目正常啟動后不能訪問(防火墻未放行端口)

今天打開個人站點&#xff0c;發現登陸不了&#xff0c;原以為是pm2的問題&#xff0c;先停了pm2用node app.js的方式運行后端代碼&#xff0c;項目能正常啟動但是依然不能登陸。 1 檢查ecs的安全組規則&#xff0c;node項目端口3000、8888是否放行 2 確認node正常運行 輸入…

[轉載]dbms_lob用法小結

http://blog.sina.com.cn/s/blog_713978a50100prkt.html CLOB里存的是2進制 判定長度 DBMS_LOB.GETLENGTH(col1)獲取文本 DBMS_LOB.SUBSTR(col1,n,pos)DBMS_LOB.SUBSTR(col1,10,1)表示從第1個字節開始取出10個字節 DBMS_LOB.SUBSTR(CLOB_VAR,32767)表示截取CLOB變量保存的全…

javascript --- 利用節點關系訪問HTML元素

<input type"button" value"父節點"onclick"change(curTarget.parentNode);" /><input type"button" value"第一個"onclick"change(curTarget.parentNode.firstChild.nextSibling);" /><input typ…