欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6中l(wèi)et、const的區(qū)別及變量的解構賦值操作方法實例分析

 更新時間：2019年10月15日 10:07:41   作者：機智的導演  
這篇文章主要介紹了ES6中l(wèi)et、const的區(qū)別及變量的解構賦值操作方法,結合實例形式分析了ES6中l(wèi)et、const的功能、原理、使用方法及數(shù)組、字符串、函數(shù)參數(shù)等解構賦值相關操作技巧,需要的朋友可以參考下

本文實例講述了ES6中l(wèi)et、const的區(qū)別及變量的解構賦值操作方法。分享給大家供大家參考，具體如下：

聲明：本文內容依照阮一峰老師ECMAScript 6 入門一書所總結。

let和const

相同點

  1. 都存在塊級作用域
  2. 都不存在變量聲明提升
  3. 都會造成“暫時性死區(qū)”
  4. 在一個作用域下不可重復聲明

不同點

  1. const一旦聲明必須立即賦值
  2. const聲明的變量指向的內存地址不得改動。

變量解構賦值

數(shù)組的解構賦值

解構成功

let [a, b, c] = [1, 2, 3];

解構不成功

let [foo] = [];

不完全解構

let [x, y] = [1, 2, 3];

默認值

let [foo = true] = [];

解構條件：只要某種數(shù)據(jù)結構具有 Iterator 接口，都可以采用數(shù)組形式的解構賦值。

對象的解構賦值

與數(shù)組的區(qū)別：對象的解構與數(shù)組有一個重要的不同。數(shù)組的元素是按次序排列的，變量的取值由它的位置決定；而對象的屬性沒有次序，變量必須與屬性同名，才能取到正確的值。

應用：可以很方便地將現(xiàn)有對象的方法，賦值到某個變量。

let { log, sin, cos } = Math;

字符串的解構賦值

原理：字符串被轉換成了一個類似數(shù)組的對象。

const [a, b, c, d, e] = 'hello';

類似數(shù)組的對象都有一個length屬性，因此還可以對這個屬性解構賦值。

let {length : len} = 'hello';
len // 5

數(shù)值和布爾值的解構賦值

let {toString: s} = 123;
s === Number.prototype.toString // true


let {toString: s} = true;
s === Boolean.prototype.toString // true

函數(shù)參數(shù)的解構賦值

[[1, 2], [3, 4]].map(([a, b]) => a + b);
// [ 3, 7 ]

更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

最新評論