ECMAScript 6 知識點梳理(2)
二.變量的解構賦值
1.ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱為解構(Destructuring)。
2.解構賦值允許指定默認值,但如果一個數組成員不嚴格等於undefined
,默認值是不會生效的。
3.解構不僅可以用於數組,還可以用於對象。
4.對象的解構與數組有一個重要的不同。數組的元素是按次序排列的,變量的取值由它的位置決定;而對象的屬性沒有次序,變量必須與屬性同名,才能取到正確的值。
5.對象的解構賦值的內部機制,是先找到同名屬性,然後再賦給對應的變量。真正被賦值的是後者,而不是前者。
6.字符串也可以解構賦值。這是因為此時,字符串被轉換成了一個類似數組的對象。
7.類似數組的對象都有一個length
屬性,因此還可以對這個屬性解構賦值。
8.數值和布爾值的解構賦值:沒看懂抱歉- - !
9.函數的參數也可以使用解構賦值。
10.變量的解構賦值用途很多:交換變量的值;從函數返回多個值;函數參數的定義;快速提取JSON對象中的數據;設置函數參數的默認值等。
ECMAScript 6 知識點梳理(2)
相關推薦
ECMAScript 6 知識點梳理(2)
blog 賦值 efi scrip undefine length 參數 而不是 數組 二.變量的解構賦值 1.ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱為解構(Destructuring)。 2.解構賦值允許指定默認值,但如果一個數組
ECMAScript 6知識點總結 --- 面向物件相關
物件相關概念 const str = new String('apple') // 判斷例項在不在建構函式中: console.log(str instanceof String) // true // 從建構函式中獲取原型: console.log(String.prototype)
ECMAScript 6知識點總結 --- 解構賦值
陣列 let [a, b, c] = [1, 2, 3] let [a, [b, c]] = [1, [2, 3]] 注意:左右兩邊結構格式要保持一致 json let json = {name: 'cc', age: 18, job: 'coder'} let {name, ag
ECMAScript 6知識點總結 --- 函式
函式預設引數 let func = (x = 1, y = 2) => { console.log(x ,y) } func() // 1, 2 let func2 = ({x=0, y=0}={}) => { console.log(x, y) } func2(
ECMAScript 6知識點總結 --- Module模組化
export命令 export var year = 2008; var year = 2008; export {year}; var year = 2008; export {year as time}; export語句不能放在函式中 import命令 import {
ECMAScript 6知識點總結 --- Promise物件
Promise物件 Promise物件是一個建構函式,用來生成Promise例項 let promise = new Promise((resolve, reject) => { // ... if(){ resolve(value) } else { reject(
閱讀:ECMAScript 6 入門(2)
修飾器 decorator 英[ˈdekəreɪtə(r)] 美[ˈdɛkəˌretɚ] n.裝飾器,室內裝飾師,油漆匠; 感覺類似Java的註解 Module 的語法 概述 歷史上,JavaScript 一直沒有模組(module)體系,無法將一個大程式拆分成互相依賴的小檔案,
資料倉庫知識點梳理(2)
> 接著上一篇[文章](https://www.cnblogs.com/shenfeng/p/datawarehouse_intro_1.html)介紹了資料倉庫的發展歷史和基本概念,本文將著重介紹資料倉庫的主流建模方式——維度建模。 # 01 業務分析與維度建模 常見的業務分析過程,包含對分析物件的定性
《移動Web前端高效開發實戰》筆記2——使用Gulp構建一個ECMAScript 6和Sass應用
腳本 x文件 node.js 磁盤 clas res 運行 brush 開發 8.3.1 安裝和配置 運行Gulp需要Node.js環境,請參看第二章內容搭建Node.js環境。使用NPM全局安裝Gulp,命令如下: npm install gulp-cli –g 然
ECMAScript 6(ES6) 特性概覽和與ES5的比較2-let
二.作用域-let1.塊變數2.塊函式 1.塊變數 let 塊範圍的變數(和常量)沒有提升。(ES6中 let和const關鍵字定義的變數和常量不會被提升)。 ECMAScript 6 for (let i=0;i<a.length;i++) { l
《ECMAScript 6入門》筆記2
塊級作用域 ES5只有全域性作用域和函式作用域,沒有塊級作用域,這帶來很多不合理的場景。 第一種場景,內層變數可能會覆蓋外層變數。 var tmp = new Date(); function f() { console.log(tmp); if (false)
第6章第2講循環嵌套結構
++ pri -1 style margin wid 分享 play () main() { int i,j; for(i=1;i<=4;i++) { for(j=1;j<=i;j++)
ECMAScript 6.0 學習筆記
企業 編寫 lan 語言 http targe 程序 blank es6 ECMAScript 6入門 1、ECMAScript 6.0(也就是ES2015 以下簡稱 ES6)是 JavaScript 語言的下一代標準,已經在2015年6月正式發布了。它的目標,是使得 J
RecyclerView 知識梳理(2) - Adapter
沒有 有一種 選擇 div res 改變 err ont 細節問題 一、概述 當我們使用RecyclerView時,第一件事就是要繼承於RecyclerView.Adapter,實現其中的抽象方法,來處理數據的展示邏輯,今天,我們就來介紹一下Adapter中的相關方法。 二
ECMAScript 6 中的快捷語法匯總及代碼示例
nim 基本上 slice cci ren return evaluate set tput 對於每個 JavaScript 開發人員,快捷語法都是必備技能之一,下面就集中介紹這些快捷語法。 三元運算符 傳統寫法 const x = 20; let answer; if
Django知識點梳理
request 連接 log 比較 靜態路由 取數據 動態路由 img .com Django囊括、雜糅了 前端、數據庫、Python知識看起來比較復雜! 其實就是由 http請求周期為框架,延伸出來的知識 。 1、客戶端向服務端發送 request
推薦一本書:《ECMAScript 6入門》
書籍本書力爭覆蓋ES6與ES5的所有不同之處,對涉及的語法知識給予詳細介紹,並給出大量簡潔易懂的示例代碼。本書為中級難度,適合已有一定JavaScript語言基礎的讀者,用來了解這門語言的最新發展;也可當作參考手冊,查尋新增的語法點。推薦一本書:《ECMAScript 6入門》
jQuery 基礎知識點梳理
class this fin nts key 工廠函數 .text ddc res DOM對象:直接使用JavaScript獲取的節點對象: var objDOM = document.getElementById("title"); var objHTML=objDOM.
Centos 6.9 自帶Python 2.6.6 切換為2.7.13(or later)
source 查看 find 命令 進入目錄 進入 安裝 2.6 usr local 目的: 系統默認運行python, 系統提示2.6.6,不滿足練習環境-->切到2.7.x步驟1: find 命令查找所有的python相關文件#find / name=‘pytho
ES6箭頭函數(節選自《ECMAScript 6 入門》)
現在 命令 工具 定時 item pipeline 錯誤 它的 比較 基本用法 ES6 允許使用“箭頭”(=>)定義函數。 var f = v => v; 上面的箭頭函數等同於: var f = function(v) { return v; };