国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES6學(xué)習(xí)筆記（二）--------------------------------------變量

王笑朝 / 1798人閱讀

摘要：如果變量名與屬性名不一致，必須寫成下面這樣。這是因?yàn)榇藭r(shí)，字符串被轉(zhuǎn)換成了一個(gè)類似數(shù)組的對(duì)象。數(shù)字和布爾的解構(gòu)賦值，解構(gòu)賦值時(shí)，如果等號(hào)右邊是數(shù)值和布爾值，則會(huì)先轉(zhuǎn)為對(duì)象。參數(shù)也可以是無序的解構(gòu)賦值對(duì)提取對(duì)象中的數(shù)據(jù)，可以快速提取

ES6 允許按照一定模式，從數(shù)組和對(duì)象中提取值，對(duì)變量進(jìn)行賦值，這被稱為解構(gòu)
ES6之前我們申明多個(gè)變量需要按照下面的方法：

let a=1;
let b=2;
let c=3;
let d=4;
//或者
let a=1,b=2,c=3,d=4;

現(xiàn)在我們可以更加簡便

let[a,b,c,d]=[1,2,3,4]

這種方法需要連邊結(jié)構(gòu)完全對(duì)上，左邊有多余變量，會(huì)給多余變量賦值undefined，右邊有多余的值，多余的自動(dòng)會(huì)被忽略

let[a,[b,c,d],[e,[f,g]]]=[1,[2,3,4],[5,[6,7]]]
console.log(a,b,c,d,e,f,g)//1 2 3 4 5 6 7 
let[a,b,c,d]=[1,2,3]
console.log(a,b,c,d)//1 2 3 undefined
let[a,b,c]=[1,2,3,4]
console.log(a,b,c)//1 2 3

如果等號(hào)右邊的對(duì)象不是數(shù)組，就會(huì)無法解析，報(bào)錯(cuò)

//下面的全部報(bào)錯(cuò)
let [foo] = 1;
let [foo] = false;
let [foo] = NaN;
let [foo] = undefined;
let [foo] = null;
let [foo] = {};

解構(gòu)賦值允許給變量默認(rèn)值,如果后面給變量賦值undefined，系統(tǒng)會(huì)自動(dòng)采用默認(rèn)值

let[a=1,b,c,d]=["abort","bar","cancle","dance"]
console.log(a,b,c,d)//abort bar cancle dance

let[a=1,b,c,d]=[undefined,"bar","cancle","dance"]
console.log(a,b,c,d)//1 "bar" "cancle" "dance"

let[a=1,b]=[null,2]
console.log(a,b)//null 2

let[a=1,b]=[NaN,2]
console.log(a,b)//NaN 2

let[a=undefined,b]=[undefined,undefined]
console.log(a,b)//undefined undefined

默認(rèn)值可以引用解構(gòu)賦值的其他變量，但該變量必須已經(jīng)聲明。

let [x = 1, y = x] = [];     // x=1; y=1
let [x = 1, y = x] = [2];    // x=2; y=2
let [x = 1, y = x] = [1, 2]; // x=1; y=2
let [x = y, y = 1] = [];     // ReferenceError

解構(gòu)賦值還可以用于對(duì)象的屬性賦值

let{a,b}={a:1,b:2}
a//1
b//2
let { bar, foo } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"

let { baz } = { foo: "aaa", bar: "bbb" };
baz // undefined

我們從上面的例子可以看出對(duì)象的解構(gòu)賦值的內(nèi)部機(jī)制，是先找到同名屬性，然后再賦給對(duì)應(yīng)的變量。真正被賦值的是后者，而不是前者。

如果變量名與屬性名不一致，必須寫成下面這樣。

var { foo: baz } = { foo: "aaa", bar: "bbb" };
baz // "aaa"

let obj = { first: "hello", last: "world" };
let { first: f, last: l } = obj;
f // "hello"
l // "world"

上面的例子等價(jià)于下面,其實(shí)就是個(gè)左右一一對(duì)應(yīng)的意思

let { foo: foo, bar: bar } = { foo: "aaa", bar: "bbb" };
foo//"aaa"
bar//"bbb"

與數(shù)組一樣，解構(gòu)也可以用于嵌套結(jié)構(gòu)的對(duì)象。

let obj = {
  p: [
    "Hello",
    { y: "World" }
  ]
};

let { p: [x, { y }] } = obj;
x // "Hello"
y // "World"

一定要看清楚他的左右對(duì)應(yīng)關(guān)系

var node = {
  loc: {
    start: {
      line: 1,
      column: 5
    }
  }
};

var { loc, loc: { start }, loc: { start: { line }} } = node;
line // 1
loc  // Object {start: Object}
start // Object {line: 1, column: 5}

對(duì)象解構(gòu)賦值也可以設(shè)置默認(rèn)值

var {x = 3} = {};
x // 3

var {x, y = 5} = {x: 1};
x // 1
y // 5

var {x: y = 3} = {};
y // 3

var {x: y = 3} = {x: 5};
y // 5

var { message: msg = "Something went wrong" } = {};
msg // "Something went wrong"

字符串也可以解構(gòu)賦值。這是因?yàn)榇藭r(shí)，字符串被轉(zhuǎn)換成了一個(gè)類似數(shù)組的對(duì)象。

const [a, b, c, d, e] = "hello";
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"

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

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

數(shù)字和布爾的解構(gòu)賦值，解構(gòu)賦值時(shí)，如果等號(hào)右邊是數(shù)值和布爾值，則會(huì)先轉(zhuǎn)為對(duì)象。(這個(gè)給我搞的有點(diǎn)懵逼，數(shù)字與布爾的這個(gè)例子大家可以看這個(gè)網(wǎng)址大家的討論：https://segmentfault.com/q/10...

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

let {toString: s} = true;
s === Boolean.prototype.toString // true
let { toString : s } = 123; 
// 可以換成兩步
let temp = new Number(123);
let { toString : s } = temp;

// temp對(duì)象因?yàn)橛衪oString屬性，所以解構(gòu)成功，然后將toStirng變量用新的變量s代替

let { a : s } = 123 是因?yàn)榻鈽?gòu)失敗，所以是undefined

變量解構(gòu)賦值的用途
一.交換變量的值

let a=1;
let b=2;
[a,b]=[b,a]
console.log(a,b)//2 1

二.從函數(shù)返回多個(gè)值，用來接收返回值

function f(a,b){
var num=a+b;
var aver=(a+b)/arguments.length;
return[num,aver,a*b,a*a+b*b]
}
let[x,y,z,p]=f(2,3)
console.log(x,y,z,p)//5 2.5 6 13

function f1(){
return {a:1,b:2}}
let {a,b}=f1()
console.log(a,b)//1 2

解構(gòu)賦值可以方便地將一組參數(shù)與變量名對(duì)應(yīng)起來。

function f1([x,y,z]){
return x+y+z}
f1([1,2,3])//6

參數(shù)也可以是無序的
function f2({a,c,d,f,b}){
return a+c+d+f+b}
f2({a:1,b:2,c:3,d:4,f:5})//15

解構(gòu)賦值對(duì)提取JSON對(duì)象中的數(shù)據(jù)，可以快速提取

let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};

let { id, status, data: number } = jsonData;

console.log(id, status, number);
// 42, "OK", [867, 5309]

....

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/51226.html

相關(guān)文章

  • ES6學(xué)習(xí)筆記（二）--------------------------------------變量

    摘要：如果變量名與屬性名不一致，必須寫成下面這樣。這是因?yàn)榇藭r(shí)，字符串被轉(zhuǎn)換成了一個(gè)類似數(shù)組的對(duì)象。數(shù)字和布爾的解構(gòu)賦值，解構(gòu)賦值時(shí)，如果等號(hào)右邊是數(shù)值和布爾值，則會(huì)先轉(zhuǎn)為對(duì)象。參數(shù)也可以是無序的解構(gòu)賦值對(duì)提取對(duì)象中的數(shù)據(jù)，可以快速提取 ES6 允許按照一定模式，從數(shù)組和對(duì)象中提取值，對(duì)變量進(jìn)行賦值，這被稱為解構(gòu)ES6之前我們申明多個(gè)變量需要按照下面的方法： let a=1; let b=2...

    geekidentity 評(píng)論0 收藏0

  • ES6學(xué)習(xí)筆記（二）--------------------------------------變量

    摘要：如果變量名與屬性名不一致，必須寫成下面這樣。這是因?yàn)榇藭r(shí)，字符串被轉(zhuǎn)換成了一個(gè)類似數(shù)組的對(duì)象。數(shù)字和布爾的解構(gòu)賦值，解構(gòu)賦值時(shí)，如果等號(hào)右邊是數(shù)值和布爾值，則會(huì)先轉(zhuǎn)為對(duì)象。參數(shù)也可以是無序的解構(gòu)賦值對(duì)提取對(duì)象中的數(shù)據(jù)，可以快速提取 ES6 允許按照一定模式，從數(shù)組和對(duì)象中提取值，對(duì)變量進(jìn)行賦值，這被稱為解構(gòu)ES6之前我們申明多個(gè)變量需要按照下面的方法： let a=1; let b=2...

    silencezwm 評(píng)論0 收藏0

  • es6學(xué)習(xí)筆記-頂層對(duì)象_v1.0_byKL

    摘要：學(xué)習(xí)筆記頂層對(duì)象雖然是筆記但是基本是抄了一次大師的文章了頂層對(duì)象頂層對(duì)象，在瀏覽器環(huán)境指的是對(duì)象，在指的是對(duì)象。之中，頂層對(duì)象的屬性與全局變量是等價(jià)的。的寫法模塊的寫法上面代碼將頂層對(duì)象放入變量。參考引用頂層對(duì)象實(shí)戰(zhàn) es6學(xué)習(xí)筆記-頂層對(duì)象_v1.0 (雖然是筆記,但是基本是抄了一次ruan大師的文章了) 頂層對(duì)象 頂層對(duì)象，在瀏覽器環(huán)境指的是window對(duì)象，在Node指的是gl...

    Meils 評(píng)論0 收藏0

  • ES6學(xué)習(xí)筆記一：let、const、塊級(jí)作用域

    摘要：一新增了命令和一樣都是用來聲明標(biāo)量，但所聲明的變量只在聲明的代碼塊內(nèi)及聲明之后有效命令適合在循環(huán)中使用在循環(huán)內(nèi)有效在全局內(nèi)有效命令暫時(shí)性死區(qū)大括號(hào)中的使用了聲明，所以在大括號(hào)中暫時(shí)只能在聲明之后有效不允許在同一作用域內(nèi)重復(fù)聲明變量，因此不能 一、ES6新增了let命令 let 和 var 一樣都是用來聲明標(biāo)量，但let所聲明的變量只在【聲明的代碼塊內(nèi)】及【聲明之后】有效 { c...

    YuboonaZhang 評(píng)論0 收藏0

  • ES6學(xué)習(xí)筆記

    摘要：所以，如果一個(gè)數(shù)組成員不嚴(yán)格等于，默認(rèn)值是不會(huì)生效的因?yàn)椴粐?yán)格等于對(duì)象解構(gòu)對(duì)象的解構(gòu)與數(shù)組有一個(gè)重要的不同。數(shù)組的元素是按次序排列的，變量的取值由它的位置決定而對(duì)象的屬性沒有次序，變量必須與屬性同名，才能取到正確的值。 http://es6.ruanyifeng.com/?se... 一、作用域 let //i作用域在全局，每次循環(huán)i都被重新賦值了而覆蓋了之前的值 var a = []...

    Gu_Yan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<