2. 程式人生 > >js筆記：this的用法+ es6

js筆記：this的用法+ es6

阿新 • • 發佈：2019-01-12
回調 name 對象 筆記 兼容 返回 變量提升 {} 執行函數

1、this的用法： 　　this: 　　　　1、綁定事件的時候，事件"."前面是誰，this就是誰； 　　　　2、在函數執行的時候，看函數前有沒有".",如果有".",看"."前面是誰，函數裏的this就是誰，如果函數前面沒有“.”,函數裏的this是window 　　　　3、在回調函數中的this都是window; 　　　　4、自執行函數的this都是window 　　　　5、call可以改變函數中this; 　　　　6、構造函數中的this都是實例 2、call apply bind 　　call,apply,bind都是函數的方法； call的第一個參數就是用來修改this的，從第二個參數開始傳給fn,fn開始執行
apply和call的用法的區別: 都是改變函數中的this的 不同點： call 的一個參數是改變函數中的this，後面的參數是一一傳給 call前面的函數； apply 的一個參數是改變函數中的this，後面的參數是以數組的形式傳給apply前面的函數，其實內部也是一一傳的； bind方法: 也是用來改變this關鍵字的。 1）返回一個處理好this的新函數 2）和call、apply不同的是，改完this，call或者apply前面個函數會主動去執行；而bind不會；
在調用bind的時候就暫時不傳參數，直接改變this就可以。bind返回的新函數在執行的時候再傳參。 ps: 在ie低版本中是不兼容的 3、es6創建變量的兩種方法 　　1）let：可以創建一個變量，不能變量提升，在遇到{}時會形成塊級作用域。 　　2）const：const定義的都是常量，不能再去改變值。 4、數組的解構 　　ES6允許按照一定模式，從數組和對象中提取值，對變量進行賦值，這被稱為解構 　　可以從數組中提取值，按照對應的位置，對變量賦值，數組的元素是按次序排列的，變量的取值由他的位置決定。 　　　　var arr = [4,2,46,23]; 　　　　var [a,b,c,d] = arr; 　　默認值： 　　　　var arr = [24,4,2]; 　　　　var [name,age = 16(默認值)] = arr

js筆記：this的用法+ es6

相關推薦

js筆記：this的用法+ es6

回調 name 對象 筆記 兼容 返回 變量提升 {} 執行函數 1、this的用法： 　　this: 　　　　1、綁定事件的時候，事件"."前面是誰，this就是誰； 　　　　2、在函數執行的時候，看函數前有沒有".",如果有".",看"."前面是誰，函數裏的this就

JS筆記：函數

als 有變 循環 發生 init iss gif initial 匿名函數 一、定義與調用 arguments為當前函數調用者傳入的所有參數。由於JS的函數可以接受任意數量的參數，我們可以利用arguments來獲取所有參數。 ES6引入了rest參數，便於我們可以直接獲

【原】javascript學習筆記之this用法

javascript中的this學習起來相對複雜，最近花了點時間研究，總結起來大概這隻有5種情況，相信只要熟悉這5種用法，基本是可以解決所有的this問題，文字不介紹this設計原理，只介紹用法，閱讀本文，你需要了解javascript執行上下文環境，博主寫這種文章的目的，主要還是給自己做下筆記，後續也會輸出

js筆記：Js封裝庫——css選擇器

Js封裝庫——css選擇器 在css中我們可以很簡單地使用css選擇器來對節點物件進行選擇，並對其進行style設定。現在，我們想通過js對html的css樣式進行動態設定，想以css的形式進行設定，例如我們想通過$(‘#box p’)來選中id為’box’的節點物件的

js筆記：數學物件+日期+定時器

1、數學物件 Math 　　特點 ：不需要定義  直接通過 Math. 呼叫方法 　　　　Math.pow(m,n) m的n次冪 　　　　Math.sqrt(m) 平方根     勾股定理 ： c = Math.sqrt(Math.

js筆記：事件（上）

1、什麼是事件 　　是指使用者在某事務上由於某種行為所執行的操作; （對頁面元素的某種操作） 2、 事件的三要素 　　事件源：是指在哪個元素引發的事件，如：a標籤、div標籤 　　事件：事件是指執行的動作 　　　　如：單擊、雙擊等

js筆記：事件（下）

1、阻止瀏覽器的預設行為   　　右鍵單擊瀏覽器，會彈出一個選單 　　拖拽文字 　　超連結 空連結--重新整理    　　submit按鈕 重新整理頁面 　　阻止瀏覽器的預設行為 ：

js筆記：cookie相關

//放大鏡 　　大圖寬度/小圖寬度  =  大圖可視區big寬度/小圖可視區mask寬度    　　  // 800 / 350   = &nbs

JS筆記： 第6章 js中面向物件的理解

第6章面向物件的程式設計理解物件：ECMA-262把物件定義為：“無序屬性的集合，其屬性可以包含基本值、物件或者函式。”建立自定義物件的最簡單方式就是建立一個Object的例項，然後再為它新增屬性和方法

學習筆記：alignas用法

structTest{ chararr[9]; alignas(16)inta; doubleb; charc; }; intmain() { autosizeof_test=sizeof(Test); autoalignof_test=alignof(Test); a

MVC學習筆記：MVC實現用戶登錄驗證ActionFilterAttribute用法並實現統一授權

重置 ids filter .config detail close login out gif 在項目下新建一個文件夾來專門放過濾器類，首先創建一個類LoginFilter,這個類繼承ActionFilterAttribute。用來檢查用戶是否登錄和用戶權限。： u

JS筆記（二）：隱式轉換

-1 筆記 總結 img 轉換 隱式轉換 基礎 blog com 最近剛開始復習JS的基礎知識，看到隱式轉換這一塊，發現它的規則很多，紅寶書上列出的框框又有些冗雜，所以這裏我借一個式子總結一下其中的規律以及一些有趣的現象。 JS筆記（二）：隱式轉換

筆記：js疑難復習

.html new his spa 測試 type var 需要 apply apply 和 call的區別 call 和 apply 的區別只在於這兩個函數接受的參數形式不同 var Person = function(name,age){ this.nam

Java學習筆記（十五）：this關鍵字

bsp java image nbsp his this mage 學習筆記 筆記 Java學習筆記（十五）：this關鍵字

JS筆記（一）：基礎知識

bsp man function child 變量 file 使用 IE 單獨 （一） 標識符 標識符就是一個名字，在JS中，標識符用來對變量和函數命名，或者用做JS代碼中某些循環語句中的跳轉位置的標記。JS的標識符必須以字母、_或$符號開始，後續字符可以是字母、數字、_

筆記：Maven啟動報錯 - No goals have been specified for this build.You must specify a valid lifecycle phase

Maven啟動報錯： [ERROR] No goals have been specified for this build. You must specify a valid lifecycle phase or a goal in the format <plugin-pr

Spring MVC 學習筆記（二）：@RequestMapping用法詳解

一、@RequestMapping 簡介 在Spring MVC 中使用 @RequestMapping 來對映請求，也就是通過它來指定控制器可以處理哪些URL請求，相當於Servlet中在web.xml中配置 <servlet>  

筆記：JS設定CSS樣式的幾種方式

用JS來動態設定CSS樣式，常見的有以下幾種   1. 直接設定style的屬性  某些情況用這個設定 !important值無效 如果屬性有'-'號，就寫成駝峰的形式（如textAlign）  如果想保留 - 號，就中括號的形式  elem

珠峰JS筆記1.1（預解釋，作用域鏈，this）

{ js 資料型別 基本資料型別：number, string , boolean, undefined, null 引用資料型別： {} 物件 ， [ ] 陣列， /**/ 正則， Date, function 本質區別： 基本資料型別是按值來操作的，而

Vue.js（六）—— 元件：slot用法

目錄 一、預設情況下（不使用slot） 二、單個slot 三、具名slot 四、編譯作用域 五、預設插槽的內容 六、作用域插槽 七、訪問slot Vue 實現了一套內容分發的 API，將 <slot> 元素作為承載分發內容的