ES6語法:函數新特性(一)

来源:https://www.cnblogs.com/swzx-1213/archive/2020/04/03/12628164.html
-Advertisement-
Play Games

ES6 函數 引言: 函數在任何語言中偶讀很重要,java裡面的函數通常叫做方法,其實是一個東西,使用函數可以簡化更多的代碼,代碼結構看著更加清晰。今天我們來學學ES6語法中,函數有什麼變化。 雖然現在的有比ES6更高的版本,但是主流一般都是ES6。es6中的函數相對於之前的版本提升了很多,相對來說 ...


ES6 函數

引言:

函數在任何語言中偶讀很重要,java裡面的函數通常叫做方法,其實是一個東西,使用函數可以簡化更多的代碼,代碼結構看著更加清晰。今天我們來學學ES6語法中,函數有什麼變化。

雖然現在的有比ES6更高的版本,但是主流一般都是ES6。es6中的函數相對於之前的版本提升了很多,相對來說在某些特定條件下,用新的函數很方便,也更簡潔,功能性更加強大。

1.帶參數預設值的函數。

我們都知道js是弱類型語言,不知道你有沒有試過,或者學到過,js的函數聲明過後,在調用這個函數的時候可以忽略這個函數所帶的參數,就是說,聲明的這個函數原本是帶有參數的,但是呢,我在調用的時候是不需要傳參的,這樣也不會報錯,而那些參數會有一個預設的值。來看看代碼。

function testParameter(parameter1,parameter2){
	console.log(parameter1);
	console.log(parameter2);
}
testParameter();

這個是可以運行的,不會報錯的,結果是什麼呢?兩個都是undefined。這就是弱類型語言的特點之一,與java不同,java會強制要求你輸入參數。
一般來說,我們在實際項目中,如果有這種用法的話,這些參數都是有用的也就是需要參數有一個預設值。在es6之前,如果沒有傳參數,而且這個參數又是需要用到的,需要一個預設值,我們都需要自己判斷這個參數是不是undefined,然後給這個參數設置預設值。這樣自己寫代碼就比較麻煩。因此在es6的時候,函數可以這樣聲明,給函數的參數設置一個預設值。

function defaultParameter(parameter1,parameter2=30){
    console.log(parameter1);
    console.log(parameter2);
}
defaultParameter();

這樣我們就給parameter2設置了一個預設的值為30,parameter1還是為undefined,雖然這種函數調用可以不傳參數,我建議這個時候,這個沒有設置預設值的參數還是儘量要傳。參數的類型可以是任意類型,可以是字元串,數字,函數,對象,都可以設置一個預設的值。
還有一種情況,
如下:

function defaultParameter1(parameter1="這是第一個參數",parameter2){
	return parameter1+parameter2;
}

console.log(defaultParameter1());

這段代碼列印出來的是“這是第一個參數undefined”,然後我們傳一個參數。

function defaultParameter1(parameter1="這是第一個參數",parameter2){
	return parameter1+parameter2;
}

console.log(defaultParameter1(20));

你猜現在的結果是什麼?你可能會說"20undefined",但是結果真不是這個,結果是"NaN",為什麼?,仔細的同學就發現了,我們傳的是一個20,而不是“20”,這個數字20和undefined相加的結果就成了NaN。當我們傳“20”的時候,答案就是“20undefined”,但是我想說的是,如果這時我不想傳第一個值怎麼辦,我想穿第二個值。往下看。

function defaultParameter1(parameter1="這是第一個參數",parameter2){
	return parameter1+parameter2;
}

console.log(defaultParameter1(undefined,"這是第二個參數"));

把第一個參數設置成undefined就行了,並且只有設置成undefined才能使用預設的第一個參數,然後順利給第二個值設置參數值。

2.參數預設值為表達式的函數。

前面說了帶有預設值參數的函數,這節就為你帶來,參數是表達式

來來來看代碼

function expression(name,address=getStr()){
	console.log(name+address);
}
function getStr(){
	return "全棧學習筆記!"
}
expression("wx search");

這樣也是可行的,結果你懂的,哈哈,如果你覺得能學到不少知識,就試試這個結果,精彩美文每天為你推送!
這裡其實有一個有趣的,看下麵;

function expression(name,address=name){
	console.log(name+address);
}
function getStr(){
	return "全棧學習筆記!"
}
expression("全棧學習筆記");

這樣也是可以的,結果就是會列印出來兩個“全棧學習筆記”,然後看看這個

function expression(name=address,address){
	console.log(name+address);
}
function getStr(){
	return "全棧學習筆記!"
}
expression(undefined,"全棧學習筆記");

我們將這個接收表達式的參數放在前面,就是相當於上面哪一種情況反過來,這樣是不行的哦!
這一期的函數知識就分享到這,下一期將繼續分享函數這一塊的知識!如果你發現文中有什麼錯誤或者對我有什麼建議可以私信我哦!


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

-Advertisement-
Play Games
更多相關文章
  • 一、ListView 該組件是android中最常用的一個UI組件,用於實現在屏幕上顯示​多個內容,以便於我們用手指來回翻轉。 先在layout中進行佈局我們的組件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/and ...
  • 對初學者來說,看完這篇文章,我想你腦瓜子一定是嗡嗡的,這都說的是什麼啊。 不要急躁,開始的我和你是一樣的,第一遍看完,完全不知道在說什麼,不明白不要緊,請先收藏此文章,然後先去學習下Flutter內置的25種動畫組件。 地址: "http://laomengit.com/flutter/module ...
  • 網站主題灰度顯示 在style.css文件頂端添加下行代碼即可 ​ 2020開年一切都是那麼的不平凡,這段時間我見證了太多的不可思議:修建”火神山“、”雷神山“醫院,大批醫療人員志願者奔赴湖北;各國政府及組織捐贈防控物資;各地省內省際長途關閉、火車實行隔座,航班限次;封城封村封小區;各地實行健康碼, ...
  • 本文直接從防禦方式開始討論,防禦CSRF有4種方法: 使用POST替代GET 檢驗HTTP Referer 驗證碼 Token 使用POST替代GET 一些程式員在開發的時候都是用GET、POST通用的函數來接收客戶端的數據,這樣也是某些介面有CSRF的原因之一,但是將全部介面都改成只允許POST方 ...
  • 接上篇 https://www.cnblogs.com/chenyingying0/p/12612393.html Loading組件 在api--home.js中,添加代碼,使ajax獲取到輪播圖數據後,延遲一秒再顯示 import axios from 'axios'; import {SUCC ...
  • demo 商城後臺,添加一種商品 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!-- 引入vue.js --> <script src="js/vue.js"></script> </head> <b ...
  • ```javascript ``` ![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20200403222109559.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text... ...
  • 嵌套路由 嵌套路由:一個路由配置中嵌套其他的路由配置。 嵌套路由挺常用的,比如導航欄有首頁、文章、想法、留言4個模塊,我們以嵌套路由的形式集成這些模塊,在導航欄中點擊對應的條目,就會路由到對應的頁面(下方顯示對應的頁面),和html的<iframe>效果差不多。 demo 嵌套路由 <!DOCTYP ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...