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

資訊專欄INFORMATION COLUMN

ES6的基礎(chǔ)知識(二)

GitChat / 332人閱讀

摘要：地址函數(shù)默認(rèn)參數(shù)省略參數(shù)箭頭函數(shù)單個參數(shù)可省略小括號直接返回可省略函數(shù)大括號箭頭函數(shù)沒有內(nèi)部的就是上層代碼塊的指向上層代碼塊指向?qū)㈩悢?shù)組轉(zhuǎn)成數(shù)組填充數(shù)組找到數(shù)組中第一個滿足條件的元素找到數(shù)組中第一個滿足條件的元素索引數(shù)組中是否存在滿足條件的

demo地址

函數(shù)

默認(rèn)參數(shù)

function Person(name = "xiaohong", age = 18) {
  this.name = name;
  this.age = age;
}
let person1 = new Person();

console.log(person1.name); // xiaohong

省略參數(shù)

function test(...arg) {
  let res = arg.reduce(function(sum, item) {
    return sum + item;
  });
  console.log(res); // 6
}

test(1, 2, 3);

箭頭函數(shù)

let sum = (a, b) => {
  return a + b;
};
console.log(sum(1, 2)); // 3

// 單個參數(shù)可省略小括號,直接返回可省略函數(shù)大括號
let double = num => num * 2;
console.log(double(2)); // 4

// 箭頭函數(shù)沒有this,內(nèi)部的this就是上層代碼塊的this
let obj = {
  name: "xiaohong",
  say: function() {
    // 指向上層代碼塊obj
    setTimeout(() => {
      console.log(this.name); // xiaohong
    });

    // 指向window
    setTimeout(function(){
      console.log(this.name); // undefined
    });
  }
};
obj.say();

let fn = () => {
  console.log(this); // window
};
fn();

Array.from()將類數(shù)組轉(zhuǎn)成數(shù)組

function sum() {
  return Array.from(arguments).reduce((val, item) => {
    return val + item;
  });
}
console.log(sum(1, 2, 4)); // 7

fill填充數(shù)組

let arr = [, ,];
console.log(arr.fill(1)); // [1, 1]

find找到數(shù)組中第一個滿足條件的元素

let arr = [1, 2, 3];
let item = arr.find(item => {
  return item > 1;
});
console.log(item); // 2

findIndex找到數(shù)組中第一個滿足條件的元素索引

let arr = [1, 2, 3];
let index = arr.findIndex(item => {
  return item > 1;
});
console.log(index); // 1

some數(shù)組中是否存在滿足條件的元素

let arr = [1, 2, 3];
let flag = arr.some(item => {
  return item >= 3;
});
console.log(flag); // true

every數(shù)組中是否所有元素都滿足條件

let arr = [1, 2, 3];
let flag = arr.every(item => {
  return item >= 3;
});
console.log(flag); // false

對象

對象的屬性和方法可簡寫

let name = "xiaohong";
let obj = {
  // 當(dāng)key值和變量一致時可省略
  name, 
  // 方法可簡寫成這樣
  sayName(){}
}

對象的繼承

   let obj = {
     name:"xiaohong",
     sayName(){
       console.log(this.name)
     }
   };
   let newObj = {
     name:"xiaoli"
   };
   
   Object.setPrototypeOf(newObj, obj);
   newObj.sayName(); // xiaoli

class類

   // 聲明類,只能通過new生成對象,不能直接使用
   class Parent {
     // 構(gòu)造函數(shù)
     constructor(name) {
       // 實例私有屬性
       this.name = name;
     }

     // 靜態(tài)屬性 不需要通過實例調(diào)用,類直接用
     static hello() {
       return "hello";
     }

     // 實例公共方法
     sayName() {
       return this.name;
     }
   }

   // extends繼承
   class Child extends Parent {
     constructor(name) {
       // super 父級的構(gòu)造函數(shù)
       super(name);
     }
   }

   let p = new Child("xiaoli");
   console.log(p.name); // xiaoli
   console.log(p.sayName()); // xiaoli

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

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

相關(guān)文章

  • 帶你入門 JavaScript ES6 (二)

    摘要：上一篇學(xué)習(xí)下一代語法一，我們學(xué)習(xí)了關(guān)于塊作用域變量或常量聲明和語法新的字符串拼接語法模版字面量數(shù)組元素或?qū)ο笤氐慕鈽?gòu)賦值和對象字面量簡寫的相關(guān)知識。這便是擴展運算符的用途之一。 本文同步 帶你入門 JavaScript ES6 (二)，轉(zhuǎn)載請注明出處。 上一篇學(xué)習(xí)下一代 JavaScript 語法: ES6 (一)，我們學(xué)習(xí)了關(guān)于塊作用域變量或常量聲明 let 和 const 語法、...

    chanthuang 評論0 收藏0

  • [ ES6 ] 快速掌握常用 ES6 （二）

    摘要：本系列文章適合快速掌握入門語法，想深入學(xué)習(xí)的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補充，可以使代碼更簡潔函數(shù)參數(shù)默認(rèn)值在傳統(tǒng)語法中如果想設(shè)置函數(shù)默認(rèn)值一般我們采用判斷的形式在新的語法中我們可以在參數(shù)聲明的同時賦予默認(rèn)值參數(shù) 本系列文章適合快速掌握 ES6 入門語法，想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對之前文章...

    hidogs 評論0 收藏0

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。 特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。 本以為自己收藏的站點多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時更新，平時業(yè)務(wù)工作時也會不定期更...

    princekin 評論0 收藏0

  • 深入理解ES6筆記（二）字符串和正則表達

    摘要：主要知識點新增的字符串處理方法模板字面量以及正則表達式上的改動深入理解筆記目錄字符串字符串是大原始數(shù)據(jù)類型。如果在字符串的結(jié)束部分檢測到指定文本，返回，否則返回。字符串內(nèi)插入反撇號的方式。 主要知識點：新增的字符串處理方法、模板字面量以及正則表達式上的改動showImg(https://segmentfault.com/img/bVbfWak?w=861&h=622); 《深入理解E...

    TANKING 評論0 收藏0

  • es6常用知識（二）

    摘要：這個類繼承自，很多功能就可以直接用了有兩種傳參方式，一種是字符串，另外一種是表達式，當(dāng)傳字符串之外的類型的時候，用表達式組件嵌套簡寫這個類繼承自，很多功能就可以直接用了先用參數(shù)擴展，在把參數(shù)展開到里面去。 七.2 面相對象的應(yīng)用 （react） react：1，組件化 -class2，jsxjsx==babel==browser.js Document ...

    StonePanda 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<