成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

xietao3 / 3421人閱讀

一.Let,const

Let 具備塊級(jí)作用域
（1）沒(méi)有預(yù)解析，不存在變量提升

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

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

  For循環(huán)，F(xiàn)or循環(huán)里面是父級(jí)作用域    
         for(let i=0;i<3;i++){
            let i=’abc’;
            console.log(i) //打印出3次‘a(chǎn)bc’(i在不同得作用域)
        }

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

const foo = Object.freeze({});
// 常規(guī)模式時(shí)，下面一行不起作用；
// 嚴(yán)格模式時(shí)，該行會(huì)報(bào)錯(cuò)
foo.prop = 123;
二.解構(gòu)賦值 
Let [a,b,c]=[2,3,4]
注意：左右倆邊，結(jié)構(gòu)格式要保持一致


 Json:
        var obj={
            a:2,
            b:3
        };
        let {a,b}=obj;
        let {a:nsds,b}=obj;//將a起名字為nsds
        let [a,b,c="暫無(wú)數(shù)據(jù)"]=["aa","bb"]；
        //可以設(shè)置默認(rèn)值

交換倆個(gè)數(shù)的位置

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

案例

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

注意：ES6 內(nèi)部使用嚴(yán)格相等運(yùn)算符（===），判斷一個(gè)位置是否有值。所以，只有當(dāng)一個(gè)數(shù)組成員嚴(yán)格等于undefined，默認(rèn)值才會(huì)生效。

 let [x = 1] = [undefined];
    x // 1
    let [x = 1] = [null];
    x // null
三.字符串模板

（1）優(yōu)點(diǎn)：隨意換行

格式：${name}

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

（2）字符串查找

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

四.函數(shù)變化

1.函數(shù)默認(rèn)參數(shù)

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

2.函數(shù)參數(shù)默認(rèn)已經(jīng)定義，不能再使用let,const聲明：

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

3.擴(kuò)展運(yùn)算符，reset運(yùn)算符... （展開/收起 數(shù)組）

    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.箭頭函數(shù)=>

Let show()=>a // 相當(dāng)于return a
A.this問(wèn)題，定義函數(shù)所在的對(duì)象，不在運(yùn)行時(shí)所在的對(duì)象
B.箭頭函數(shù)里沒(méi)有arguments，用‘...’
C.箭頭函數(shù)不能用于構(gòu)造函數(shù)

五.數(shù)組

1.Arr.forEach()//代替普通for
Arr.forEach(循環(huán)回調(diào)函數(shù)，this指向誰(shuí))

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

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

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

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

相關(guān)文章

  • 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í)筆記

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

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

  • 《深入理解ES6》筆記——導(dǎo)讀

    摘要：最近買了深入理解的書籍來(lái)看，為什么學(xué)習(xí)這么久還要買這本書呢主要是看到核心團(tuán)隊(duì)成員及的創(chuàng)造者為本書做了序，作為一個(gè)粉絲，還是挺看好這本書能給我?guī)?lái)一個(gè)新的升華，而且本書的作者也非常厲害。 使用ES6開發(fā)已經(jīng)有1年多了，以前看的是阮一峰老師的ES6教程，也看過(guò)MDN文檔的ES6語(yǔ)法介紹。 最近買了《深入理解ES6》的書籍來(lái)看，為什么學(xué)習(xí)ES6這么久還要買這本書呢？主要是看到Daniel A...

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

  • React學(xué)習(xí)筆記3：用es2015（ES6）重寫CommentBox

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

    selfimpr 評(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)說(shuō)得還算清楚，主要是為了了解和使用，不是深究，所以淺嘗即止即可，所以覺得還不錯(cuò)。 完整還原了項(xiàng)目開發(fā)的代碼設(shè)計(jì)和開發(fā)過(guò)...

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

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

0條評(píng)論

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