javescript經驗文檔（es6/es2017篇）

fyber 發布于2019-08-23 11:27 / 3087人閱讀

摘要：迭代器西紅柿孫雙雙結果西紅柿孫雙雙生成器西紅柿炒蛋結果西紅柿孫雙雙模版字符串普通字符串多行字符串字符串中嵌入變量函數的參數默認值之前，當未傳入參數時，操作符當被用于迭代器中時，它是一個操作符當被用于函數傳參時，是一個操作符當被用于函

迭代器 - Iterators

{
    "use strict"
    function chef(foods){
        let i = 0;
        return {
            next(){
                let done = (i >= foods.length);
                let value = !done ? foods[i++]:undefined;

                return{
                    value:value,
                    done:done
                }
            }
        }
    }
    let wanghao = chef(["西紅柿","孫雙雙"]);
    console.log(wanghao.next());
    console.log(wanghao.next());
    console.log(wanghao.next());
}

結果：
{value: "西紅柿", done: false}
{value: "孫雙雙", done: false}
{value: undefined, done: true}

生成器 - Generators

{
    "use strict"
    function* chef(){
        yield "西紅柿";
        yield "炒蛋";
    }
    let wanghao = chef();
    console.log(wanghao.next());
    console.log(wanghao.next());
    console.log(wanghao.next());
}

結果：
{value: "西紅柿", done: false}
{value: "孫雙雙", done: false}
{value: undefined, done: true}

模版字符串 - ``

{
    // 普通字符串
    let str = `In JavaScript "
" is a line-feed.`;
    console.log(str);
     
    // 多行字符串
    let str2 = `In JavaScript this is
        not legal.`;
    console.log(str2);
     
    // 字符串中嵌入變量
    let name = "liushi";
    window.location.href = `http://www.baidu.com?name=${name}`;
}

函數的參數默認值

// ES6之前，當未傳入參數時，text = "default"；
function printText(text) {
    text = text || "default";
    console.log(text);
}

// ES6；
function printText(text = "default") {
    console.log(text);
}

Spread / Rest 操作符

當被用于迭代器中時，它是一個 Spread 操作符：

function foo(x,y,z) {
  console.log(x,y,z);
} 
let arr = [1,2,3];
foo(...arr); // 1 2 3

當被用于函數傳參時，是一個 Rest 操作符：當被用于函數傳參時，是一個 Rest 操作符：

function foo(...args) {
  console.log(args);
}
foo( 1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

for...of 和 for...in

{
    //返回值
    let letters = ["a", "b", "c"];
    letters.size = 3;
    for (let letter of letters) {
      console.log(letter);
    }
    // 結果: a, b, c
    
    //返回鍵，es6
    let stus = ["Sam", "22", "男"];
    stus.size = 3;
    for (let stu in stus) {
      console.log(stu);
    }
    // 結果: 0,1,2,size
}

GPU云服務器云服務器 javescript 上一篇屬性篇速度篇

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

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

javescript經驗文檔（循環語句篇）

摘要：循環語句一般循環方法注意在使用遍歷數組之前一定要判斷數組是否已經定義用的方法遍歷數組對對象操作為對象的鍵用的方法總結來說總是得到對像的或數組字符串的下標而和一樣是直接得到值。所以，不能對象用循環循環循環語句一般for循環 { let array = [1,2,3,4,5,6,7]; for (let i = 0; i < array.length; i++) ...

BearyChat 2019-08-23 11:28 評論0 收藏0
javescript經驗文檔（Object篇）

摘要：判斷自身屬性是否存在方法返回一個布爾值，判斷對象是否包含特定的自身非繼承屬性。判斷自身屬性是否存在 hasOwnProperty()方法返回一個布爾值，判斷對象是否包含特定的自身（非繼承）屬性。 { let obj = {a:1,b:2}; obj.hasOwnProperty(a) } 返回結果：true

developerworks 2019-08-23 12:23 評論0 收藏0
javescript經驗文檔（技巧篇）

摘要：與用來賦值的奇怪用法如果存在，反之則相當于注意強烈要求注意一下，如果的值為，那么就要詳細的考慮一下，因為千萬不要玩脫了與判斷奇偶隱式返回值注意一哈，這里是括號 && 與 || 用來賦值的奇怪用法 o_0 let a = x || y; // 如果 x 存在， a = x,反之則 a = y;相當于 if(x){ let a = x; ...

jzman 2019-08-23 12:23 評論0 收藏0
javescript經驗文檔（Array篇）

摘要：返回結果注意方法返回的是數組長度，如上示例，返回值為方法把一個或多個參數插入到數組頭部，返回數組長度。整數，規定添加刪除項目的位置，使用負數可從數組結尾處規定位置。返回值類型描述包含被刪除項目的新數組，如果有的話。數組去重 ...set(array)去重 { let array = [aa,12,aa,16,12,ab]; function dedupe(array)...

XFLY 2019-08-23 11:28 評論0 收藏0
前端每周清單半年盤點之 JavaScript 篇

摘要：前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點分為新聞熱點開發教程工程實踐深度閱讀開源項目巔峰人生等欄目。背后的故事本文是對于年之間世界發生的大事件的詳細介紹，闡述了從提出到角力到流產的前世今生。前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎...

Vixb 2019-08-21 12:04 評論0 收藏0