亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

ES6的基礎(chǔ)知識(shí)(一)

taohonghui / 2466人閱讀

摘要：上面的不支持變量提升此處報(bào)錯(cuò)不能重復(fù)聲明報(bào)錯(cuò)支持塊級(jí)作用域報(bào)錯(cuò)除了的功能還不能更改聲明后的值不過可以對(duì)聲明的對(duì)象增加屬性和更改屬性值報(bào)錯(cuò)小張小紅解構(gòu)數(shù)組解構(gòu)賦值對(duì)象解構(gòu)賦值對(duì)解構(gòu)賦值的值自定義名稱默認(rèn)賦值若是給賦值將覆蓋默認(rèn)值省略賦值展開運(yùn)

github上面的demo

let&const

let不支持變量提升

 console.log(a); // 此處報(bào)錯(cuò)
 let a = "a";

let不能重復(fù)聲明

 let a = "a";
 let a = "abc"; // 報(bào)錯(cuò)

let支持塊級(jí)作用域

 if (true) {
   let a = "a";
 }
 console.log(a) // 報(bào)錯(cuò)

 for (let i = 0; i < 5; i++) {
   setTimeout(() => {
     console.log(i); // 0 1 2 3 4
   });
 }

const除了let的功能,還不能更改聲明后的值,不過可以對(duì)聲明的對(duì)象增加屬性和更改屬性值

 const PI = 3.14;
 PI = 3.141; // 報(bào)錯(cuò)

 const obj = {
   name: "小張"
 };
 obj.name = "小紅";
 obj.age = 25;

解構(gòu) 
{
  // 數(shù)組解構(gòu)賦值
  let [a, b, c] = [123, "abc", { name: "xiaohong" }];
  console.log(a, b, c); // 123 "abc" { name: "xiaohong" }
}

{
  // 對(duì)象解構(gòu)賦值
  let { name, age } = {
    name: "xiaohong",
    age: 25
  };

  console.log(name, age); // xiaohong 25
}

{
  // 對(duì)解構(gòu)賦值的值自定義名稱
  let { name: myname, age: myage } = {
    name: "xiaohong",
    age: 25
  };

  console.log(myname, myage); // xiaohong 25
}

{
  // 默認(rèn)賦值,若是給age賦值將覆蓋默認(rèn)值
  let { name, age = 19 } = {
    name: "xiaohong"
  };

  console.log(name, age); // xiaohong 19
}

{
  // 省略賦值
  let [, , a] = [1, 2, 3];
  console.log(a); // 3
}
展開運(yùn)算符

函數(shù)中使用展開運(yùn)算符

 function test(a, b, c) {}
 let arr = [1, 2, 3];
 test(...arr);

數(shù)組中函數(shù)中使用展開運(yùn)算符

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

 let arr1 = [1, 2, 3];
 let arr2 = [...arr1, 4, 5];
 console.log(arr2); // [ 1, 2, 3, 4, 5 ]

類數(shù)組變量轉(zhuǎn)成數(shù)組

function test(a, b, c) {
   console.log([...arguments]);
 }
 test(1, 2, 4); // [1 2 4]

字符串

模板字符串:在這之前字符串拼接用+號(hào)來完成,現(xiàn)在用``和S{}即可代替字符串的拼接

 let name = "xiaohong", age = 25;
 let str = `我叫:${name},今年${age}歲了`;
 console.log(str); // 我叫:xiaohong,今年25歲了   

{
 // 自定義模板字符串的返回值
 let name = "xiaohong",
   age = 25;
 // ...rest作為參數(shù)只是放在最后
 function desc(string, ...rest) {
   let str = "";
   for (let i = 0, len = rest.length; i < len; i++) {
     str += string[i] + rest[i];
   }
   str += string[string.length - 1];
   return str.toLocaleUpperCase();
 }
 let str = desc`我叫:${name},今年${age}歲了`;
 console.log(str); // 我叫:XIAOHONG,今年25歲了
}

判斷字符串以某個(gè)字符串開頭

 let str = "hello world!";
 console.log(str.startsWith("h")); // true

判斷字符串以某個(gè)字符串結(jié)尾

 let str = "hello world!";
 console.log(str.endsWith("!")); // true

判斷字符創(chuàng)是否包含某個(gè)字符串

 let str = "hello world!";
 console.log(str.includes("hello")); // true

將字符串重復(fù)生成

 let str = "hello world!";
 console.log(str.repeat(3)); // hello world!hello world!hello world!

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/102550.html

相關(guān)文章

  • ES6-7

    摘要：的翻譯文檔由的維護(hù)很多人說，阮老師已經(jīng)有一本關(guān)于的書了入門，覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發(fā)過程中，顯得越來越重要。為了讓編程更美好，我們就需要引入來降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書（中文版） 超詳細(xì)介紹promise的gitbook，看完再不會(huì)promise...... 本書的目的是以目前還在制定中的ECMASc...

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

  • 前端小知識(shí)--TypeSript和JavaScript到底是什么關(guān)系？

    摘要：想學(xué)好前端，真的要主動(dòng)，然后對(duì)所有的英文文檔耐心一點(diǎn)。在年月日，國(guó)際組織發(fā)布了的第六版，該版本正式名稱為，但通常被稱為或者。自此，每年發(fā)布一次新標(biāo)準(zhǔn)。但保留了用于依賴注入的構(gòu)造函數(shù)參數(shù)類型。必須在構(gòu)造函數(shù)中聲明屬性，而不是在類的代碼體中。 從 TypeScript 到 ES6 到 ES5 在我初學(xué)前端的很長(zhǎng)一段時(shí)間，不愿意碰git，不愿意碰框架，總是嫌麻煩，連ES6也沒有怎么去弄明白...

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

  • 前端基礎(chǔ)進(jìn)階（十四）：es6常用基礎(chǔ)合集

    摘要：在繼承的構(gòu)造函數(shù)中，我們必須如上面的例子那么調(diào)用一次方法，它表示構(gòu)造函數(shù)的繼承，與中利用繼承構(gòu)造函數(shù)是一樣的功能。 showImg(https://segmentfault.com/img/remote/1460000009078532); 在實(shí)際開發(fā)中，ES6已經(jīng)非常普及了。掌握ES6的知識(shí)變成了一種必須。盡管我們?cè)谑褂脮r(shí)仍然需要經(jīng)過babel編譯。 ES6徹底改變了前端的編碼風(fēng)格，...

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

  • 前端基礎(chǔ)進(jìn)階（十五）：詳解 ES6 Modules

    摘要：下載地址安裝一個(gè)好用的命令行工具在環(huán)境下，系統(tǒng)默認(rèn)的非常難用，所以我個(gè)人比較推薦大家使用或者。下載地址安裝在命令行工具中使用查看版本的方式確保與都安裝好之后，我們就可以安裝了。前端基礎(chǔ)進(jìn)階系列目錄 showImg(https://segmentfault.com/img/remote/1460000009654403?w=1240&h=272); 對(duì)于新人朋友來說，想要自己去搞定一個(gè)E...

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

  • ES6零基礎(chǔ)教學(xué)_解析彩票項(xiàng)目-學(xué)習(xí)筆記（一）

    摘要：彩票項(xiàng)目實(shí)戰(zhàn)學(xué)習(xí)記錄一完整走了一遍課程，覺得還不錯(cuò)。支持正版人人有責(zé)零基礎(chǔ)教學(xué)解析彩票項(xiàng)目下面是項(xiàng)目課程的目錄路線一個(gè)項(xiàng)目分為三部分業(yè)務(wù)邏輯，自動(dòng)構(gòu)建系統(tǒng)，模擬數(shù)據(jù)和真實(shí)數(shù)據(jù)接口處理。 彩票項(xiàng)目實(shí)戰(zhàn)學(xué)習(xí)記錄（一） 完整走了一遍課程，覺得還不錯(cuò)。 總結(jié): es6的知識(shí)點(diǎn)說得還算清楚，主要是為了了解和使用，不是深究，所以淺嘗即止即可，所以覺得還不錯(cuò)。 完整還原了項(xiàng)目開發(fā)的代碼設(shè)計(jì)和開發(fā)過...

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

  • 經(jīng)常會(huì)用到的es6的知識(shí)點(diǎn)

    摘要：經(jīng)常會(huì)用到的的知識(shí)點(diǎn)提到我們就來說說，也是誕生，它的初始名叫。又名，在，和大受重用。年，負(fù)責(zé)制定規(guī)范草案的委員會(huì)決定將定義新標(biāo)準(zhǔn)的制度改為一年一次出現(xiàn)。它們?cè)谝?guī)范的先前版本中被稱為模板字符串。它與數(shù)組非常相似，但是數(shù)據(jù)結(jié)構(gòu)的成員都是唯一的。 經(jīng)常會(huì)用到的es6的知識(shí)點(diǎn) 提到es6我們就來說說javascript，es6也是ES2015 1995：JavaScript誕生，它的初始名叫...

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

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

0條評(píng)論

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