ES6學習筆記

xietao3 發布于2019-08-26 10:35 / 3410人閱讀

一.Let,const

Let 具備塊級作用域
（1）沒有預解析，不存在變量提升

  Let a=12;
    function show(){
        console.log(a); //Tdz 開始暫時性死區，
        let a=5;  //TDZ結束
    }

（2）同一作用域不能重復定義相同變量

  For循環，For循環里面是父級作用域    
         for(let i=0;i<3;i++){
            let i=’abc’;
            console.log(i) //打印出3次‘abc’(i在不同得作用域)
        }

const 定義常量特性和let一樣
（1）const定義的定義必須有值，不能后賦值，不能修改
如果真的想將對象凍結，應該使用Object.freeze方法。

const foo = Object.freeze({});
// 常規模式時，下面一行不起作用；
// 嚴格模式時，該行會報錯
foo.prop = 123;

二.解構賦值

Let [a,b,c]=[2,3,4]
注意：左右倆邊，結構格式要保持一致


 Json:
        var obj={
            a:2,
            b:3
        };
        let {a,b}=obj;
        let {a:nsds,b}=obj;//將a起名字為nsds
        let [a,b,c="暫無數據"]=["aa","bb"]；
        //可以設置默認值

交換倆個數的位置

let a=9;
let b=8;
[a,b]=[b,a];

案例

function show({a="1",b="2"}){
     console.log(a,b) //給默認值
 }
 show({})；

注意：ES6 內部使用嚴格相等運算符（===），判斷一個位置是否有值。所以，只有當一個數組成員嚴格等于undefined，默認值才會生效。

 let [x = 1] = [undefined];
    x // 1
    let [x = 1] = [null];
    x // null

三.字符串模板

（1）優點：隨意換行

格式：${name}

let name="abc";
let age=18;
let str=`這個人名字：${name}，年齡：${age}`;
console.log(str)

（2）字符串查找

str.indexOf(要找的東西); //返回索引（位置），沒有找到返回-1
str.includes(要找的東西); //返回值 true/false
判斷瀏覽器：navigator.userAgent.includes("chrome")
檢測字符串以誰開頭：str.startsWith(檢測東西)
檢測字符串以誰結尾：str.endsWith(檢測東西)
重復字符串：str.repeat(3) 重復3次
字符串填充：str.padStart(整個字符串長度，填充東西) //往前填充
str.padEnd(str.length+str1.Length，填充東西) //往后填充

四.函數變化

1.函數默認參數

function show({a="1",b="2"}={}){
      console.log(a,b) //函數的特性
  }
  show()

2.函數參數默認已經定義，不能再使用let,const聲明：

function show(a=18){
  Let a=12; //錯誤
      console.log(a) 
  }
  show()

3.擴展運算符，reset運算符... （展開/收起數組）

    let arr=["apple","banana","orage"]
    console.log(...arr) //apple banana orage
    
    function show(a,b,...c){
        console.log(a,b)//1 2
        console.log(c)//[3,4,5,6]
    }
    show(1,2,3,4,5,6)

4.箭頭函數=>

Let show()=>a // 相當于return a
A.this問題，定義函數所在的對象，不在運行時所在的對象
B.箭頭函數里沒有arguments，用‘...’
C.箭頭函數不能用于構造函數

五.數組

1.Arr.forEach()//代替普通for
Arr.forEach(循環回調函數，this指向誰)

let arr=[1,2,3,4,5,6];
arr.forEach(function(val,index,arr){
    console.log(this) // this指123
},123)

2.Arr.map()
正常情況下配合return，返回一個新的數組。若沒有return相當于forEach()
重新整理數據結構：
3.Arr.filter() :
過濾，過濾一向不合適“元素”，如果回調函數返回的時true，則留下 [{title:’aaa’}]->[{t:’aaa’}]
4.Arr.some()
類似查找，數組里面某一個元素符合條件，返回true；
5.Arr.every()
數組里面所有的元素都要符合條件，才返回true
6.Arr.reduce() 2**3求冪
從左往右求數組的和，階層
7.Arr.reduceRight() //從右往左
for...of循環
默認循環的是value
arr.key() 數組下標
Arr.entries() 數組的某一項
Array.from()
作用：把類數組（獲取一組元素，arguments...）對象轉成數組
只要有length就靠譜
Array.of()
把一組值，轉成數組
Array.find()
查找，找出第一個符合條件的數組成員，如果沒有找到，返回undefined
Array.findIndex()
找的是位置，沒找到返回-1
Array.fill()填充
Array.fill(填充的東西開始位置，結束位置)

云服務器 GPU云服務器學習筆記學習筆記一基礎學習筆記深度學習筆記

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106430.html

es6學習筆記-頂層對象_v1.0_byKL

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

Meils 2019-08-21 11:31 評論0 收藏0
ES6學習筆記

摘要：本筆記為閱讀阮老師的文章自己的總結，僅作自用，感謝阮老師的技術分享。字符串的遍歷器接口新增判斷字符串的包含情況返回值，表示是否找到了字符串。返回值表示參數字符串是否在原字符串的頭部。本筆記為閱讀http://es6.ruanyifeng.com/ 阮老師的文章自己的總結，僅作自用，感謝阮老師的技術分享。 1.超過uFFFF的字符ES5無法正確顯示，會顯示成前面的uFFFF的碼點符號加...

zxhaaa 2019-08-26 11:58 評論0 收藏0
《深入理解ES6》筆記——導讀

摘要：最近買了深入理解的書籍來看，為什么學習這么久還要買這本書呢主要是看到核心團隊成員及的創造者為本書做了序，作為一個粉絲，還是挺看好這本書能給我帶來一個新的升華，而且本書的作者也非常厲害。使用ES6開發已經有1年多了，以前看的是阮一峰老師的ES6教程，也看過MDN文檔的ES6語法介紹。最近買了《深入理解ES6》的書籍來看，為什么學習ES6這么久還要買這本書呢？主要是看到Daniel A...

Godtoy 2019-08-20 18:01 評論0 收藏0
React學習筆記3：用es2015（ES6）重寫CommentBox

摘要：新搭建的個人博客，本文地址學習筆記用重寫在一開始的時候配置中我們就加入了的支持，就是下面的配置，但之前的學習筆記都使用的完成，所以專門作一篇筆記，記錄使用完成創建相關文件修改，增加該入口文件修改，引入該文件做個簡單的測試，看下瀏覽器全部用來新搭建的個人博客，本文地址：React學習筆記3：用es2015（ES6）重寫CommentBox在一開始的時候webpack配置中我們就加入了e...

selfimpr 2019-08-19 17:30 評論0 收藏0
ES6零基礎教學_解析彩票項目-學習筆記（一）

摘要：彩票項目實戰學習記錄一完整走了一遍課程，覺得還不錯。支持正版人人有責零基礎教學解析彩票項目下面是項目課程的目錄路線一個項目分為三部分業務邏輯，自動構建系統，模擬數據和真實數據接口處理。彩票項目實戰學習記錄（一）完整走了一遍課程，覺得還不錯。總結: es6的知識點說得還算清楚，主要是為了了解和使用，不是深究，所以淺嘗即止即可，所以覺得還不錯。完整還原了項目開發的代碼設計和開發過...

blastz 2019-08-22 13:52 評論0 收藏0