成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

GitChat / 391人閱讀

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

// 單個(gè)參數(shù)可省略小括號(hào),直接返回可省略函數(shù)大括號(hào)
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ù)組中第一個(gè)滿足條件的元素

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

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

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

對(duì)象

對(duì)象的屬性和方法可簡(jiǎn)寫

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

對(duì)象的繼承

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

class類

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

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

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

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

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

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

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

相關(guān)文章

  • 帶你入門 JavaScript ES6 (二)

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

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

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

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

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

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

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

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

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

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

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

  • es6常用知識(shí)（二）

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

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

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

0條評(píng)論

閱讀需要支付1元查看
<