es6的擴展運算符,箭頭函數,函數參數

来源:http://www.cnblogs.com/STsongze/archive/2017/07/12/7157515.html
-Advertisement-
Play Games

1. 擴展運算符: 2. 箭頭函數: 3. 擴展參數(預設參數,擴展參數,剩餘函數): //預設參數 let sayHellow = (name,age=30)= { let str = console.log(str); } sayHellow("songze",25);//控制台列印songze ...


  1. 擴展運算符:
擴展運算符有以下四種:
        //展開數組
        let arr = [1,2,3,4];
        let a = [...arr];
        console.log(a);
            
        let b = [7,8,9,10];
        let g = [1,2,...b,4,5];
        console.log(g);
            
        //數組的拷貝
        let a = [1,2,3];
        let a1 = [...a];
        a1.push(4);
        console.log(a);
        console.log(a1);
            
        //數組的合併
        let a = [1,2,3];
        let a1 = [4,5,6];
        a = [...a,...a1];
        console.d(a);
            
        //數組的調用
        function  fn(a,b,c,d){
             console.log(a+b+c+d);
            }
            var p=[1,2,3,4,5,6];
            let result=fn(10,...p);
  1. 箭頭函數:
        //箭頭函數
        let a = () => {
            console.log("Hello word")
        }
        a();
        //有參數
        (name)=>{
            console.log(name);
        };
        //沒有參數
        ()=>{
            console.log("hi word")
        };
        d('jiang');
        //兩個參數
        (name,age)=>{
            console.log(name,age);
        };
        //省略後的
        let c (a,b)=>a+b;
        (a,b)=>{console.log(a+b);
        console.log(c);
        //可以省略()
        let d = name=>{
            console.log(name);
        }
註釋:箭頭函數解決了定時器里的this指針問題。
  1. 擴展參數(預設參數,擴展參數,剩餘函數):
//預設參數
        let sayHellow = (name,age=30)=>{
            let str = `${name} is ${age} years old`
            console.log(str);
        }
        sayHellow("songze",25);//控制台列印songze is 25 years old。
        //擴展參數
        let sum = (a,b,c) => {
            console.log(a+b+c);
        };
        let arr = [1,2,3];
        sum(...arr);//控制台列印6。
        //剩餘函數
        let he = (a,b,...rest)=>{
        console.log(rest);//控制台列印[3, 4, 5, 6, 7, 8, 9]。
        console.log(a+b);//控制台列印3.
        }
        he(1,2,3,4,5,6,7,8,9);

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 具體代碼如下 ...
  • 作為一名菜鳥的我,每天學點的感覺還是不錯的。今天學習閉包的過程中看到作用域與作用域鏈這兩個概念,我覺得作為一名有追求的小白,有必要詳細瞭解下。 變數的作用域 就js變數而言,有全局變數和局部變數。這裡我覺得這個按字面意思理解就行了.......下麵舉個例子 這邊有2個很有意思的地方 1.當變數不用v ...
  • if語句 三元運算符 表達式1 ? 表達式2 : 表達式3是對if……else語句的一種簡化寫法 switch語句 switch (expression) { case 常量1: 語句; break; case 常量2: 語句; break; case 常量3: 語句; break; … case ...
  • 判斷點擊的是那個tab頁 jsp: js: ...
  • 前言:終於我的大一生活結束了,迎來了愉快的暑假,大家都開始了各自的忙碌。一直忙著一些項目的事情,終於決定今天要更新一篇博客了,對上一階段的學習做簡單的總結。 這次我主要總結一下用Css繪製各種形狀的技巧,同時要結合before、after偽元素和定位做出一些效果。 Triangle Up(向上的三角 ...
  • 一、校驗數字的表達式 1 數字:^[0-9]*$ 2 n位的數字:^\d{n}$ 3 至少n位的數字:^\d{n,}$ 4 m-n位的數字:^\d{m,n}$ 5 零和非零開頭的數字:^(0|[1-9][0-9]*)$ 6 非零開頭的最多帶兩位小數的數字:^([1-9][0-9]*)+(.[0-9] ...
  • 微信小程式最近比較熱門,再加上自然語義理解也越來越被人關註,於是我想趕趕潮流,做一個小程式試試。想來想去快遞查詢應該是一種比較普遍的需求。 如果你也在通過自然語言介面做點什麼,希望我的這篇博客能幫到你。我建了一個QQ群656580961,感興趣的朋友可以加入互通有無。或者你也可以直接下載代碼試一試。 ...
  • 前面的話 Affix 插件主要功能就是通過插件給某個元素(需要固定的元素)添加或刪除position:fixed,實現元素在瀏覽器視窗的粘性固定效果。本文將詳細介紹Bootstrap自動定位浮標 基本用法 首先,來看一個蘋果官網對自動定位浮標的應用 從上面的git圖中可知,Macbook一欄滾動到一 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...