【ECMAScript 5_6_7】4、ES6——模板字串

阿新 • • 發佈：2019-01-09

一、模板字串

1. 模板字串 : 簡化字串的拼接
  * 模板字串必須用 `` 包含
  * 變化的部分使用${xxx}定義

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>04_模板字串</title>
</head>
<body>
<script type="text/javascript">
  let obj = {
    username:'onedean',
    age:20
  }
  let str = 'my name is ' + obj.username + ' and i am ' + obj.age + 'years old this year'
  console.log(str)
  str = `my name is ${obj.username} and i am ${obj.age} years old this year`
  console.log(str)

</script>
</body>
</html>

【ECMAScript 5_6_7】4、ES6——模板字串

一、模板字串 1. 模板字串 : 簡化字串的拼接 * 模板字串必須用 `` 包含 * 變化的部分使用${xxx}定義 <!DOCTYPE html> <html lang="en"> <head> <meta charse

【ECMAScript 5_6_7】8、ES6——形參預設值

一、形參預設值 * 形參的預設值----當不傳入引數的時候預設使用形參裡的預設值 function Point(x = 1,y = 2) { this.x = x; this.y = y; } <!DOCTYPE html> <html l

【ECMAScript 5_6_7】7、ES6——點點點運算子

一、點點點運算子 * 用途 1. rest(可變)引數 * 用來取代arguments（函式內部用來收集實參的偽陣列）但比 arguments 靈活,只能是最後部分形參引數 function fun(...values) { console.log(a

【ECMAScript 5_6_7】6、ES6——箭頭函式

一、箭頭函式 * 作用: 定義匿名函式 * 基本語法: * 沒有引數: () => console.log('xxxx') * 一個引數: i => i+2 * 大於一個引數: (i,j) => i+j * 函式體不用大括號: 預設返回結果 * 函

【ECMAScript 5_6_7】5、ES6——簡化的物件寫法

一、簡化的物件寫法簡化的物件寫法 * 省略同名的屬性值 * 省略方法的function * 例如: let x = 1; let y = 2; let point = { x, y, setX (x) {this.x = x} };

【ECMAScript 5_6_7】3、ES6——變數的解構賦值

一、變數的解構賦值 1. 理解: * 從物件或陣列中提取資料, 並賦值給變數(多個) 2. 物件的解構賦值 let {n, a} = {n:'tom', a:12} 3. 陣列的解構賦值 let [a,b] = [1, 'onedean']; 4. 用途 * 給多個形參

【ECMAScript 5_6_7】2、ES6——let/const關鍵字

一、let關鍵字 let 1. 作用: * 與var類似, 用於宣告一個變數 2. 特點: * 在塊作用域內有效 * 不能重複宣告 * 不會預處理, 不存在變數提升 3. 應用: * 迴圈遍歷加監聽 * 使用let取代var是趨勢 <!DOCTY

【ECMAScript 5_6_7】1、ES5特性總結

一、嚴格模式 1. 理解: * 除了正常執行模式(混雜模式)，ES5添加了第二種執行模式："嚴格模式"（strict mode）。 * 顧名思義，這種模式使得Javascript在更嚴格的語法條件下執行 2. 目的/作用 * 消除Ja

【設計經驗】4、SERDES關鍵技術總結

一、SERDES介紹隨著大資料的興起以及資訊科技的快速發展，資料傳輸對匯流排頻寬的要求越來越高，並行傳輸技術的發展受到了時序同步困難、訊號偏移嚴重，抗干擾能力弱以及設計複雜度高等一系列問題的阻礙。與並行傳輸技術相比，序列傳輸技術的引

【JavaScript高階】4、基礎總結深入（函式）

一、函式 1. 什麼是函式? * 實現特定功能的n條語句的封裝體 * 只有函式是可以執行的，其他型別的資料不能執行 2. 為什麼要用函式? * 提高程式碼複用 * 便於閱讀交

【常見Web應用安全問題】---4、Directory traversal

控制 code 註冊 input site 硬盤管理下載 num ron Web應用程序的安全性問題依其存在的形勢劃分，種類繁多，這裏不準備介紹所有的，只介紹常見的一些。常見Web應用安全問題安全性問題的列表：　　１、跨站腳本攻擊(CSS or

【Kettle】4、SQL SERVER到SQL SERVER數據轉換抽取實例

serve 端口號 alt 指定映射 pac 自動獲取查詢語句維護 1、系統版本信息　　System：Windows旗艦版 Service Pack1 　　Kettle版本：6.1.0.1-196 　　JDK版本：1.8.0_72 2、連接數據庫　　本次實例連接數

【RabbitMQ】4、幾種Exchange 模式

copy 消息發送但是 net with .html ole img lis AMQP協議中的核心思想就是生產者和消費者隔離，生產者從不直接將消息發送給隊列。生產者通常不知道是否一個消息會被發送到隊列中，只是將消息發送到一個交換機。先由Exchange來接收，然後Exch

【RabbitMQ】4、三種Exchange模式——訂閱、路由、通配符模式

message final 支持 sim 使用完全自己的 print ued 前兩篇博客介紹了兩種隊列模式，這篇博客介紹訂閱、路由和通配符模式，之所以放在一起介紹，是因為這三種模式都是用了Exchange交換機，消息沒有直接發送到隊列，而是發送到了交換機，經過隊列綁定交

【劍指offor】4、重建二叉樹

牛客網題目連結：重建二叉樹題目描述：輸入某二叉樹的前序遍歷和中序遍歷的結果，請重建出該二叉樹。假設輸入的前序遍歷和中序遍歷的結果中都不含重複的數字。例如輸入前序遍歷序列{1,2,4,7,3,5,6,8}和中序遍歷序列{4,7,2,1,5,3,8,6}，則重建二叉樹並返回。 1

【pySerial3.4官方文件】4、工具

工具 serial.tools.list_ports 可以執行此模組以獲取埠列表（）。它還包含以下功能。python -m serial.tools.list_ports serial.tools.list_ports.comports（include_l

【高速介面-RapidIO】4、Xilinx RapidIO核詳解

一、RapidIO核概述　　RapidIO核的設計標準來源於RapidIO Interconnect Specification rev2.2，它支援1x，2x和4x三種模式，每通道的速度支援1.25Gbaud，2.5Gbaud，3.125Gbaud，5.0Gbaud和6.25Gbaud五種。　　Ra

【springboot】4、SpringBoot+Mybatis多表操作以及增刪改查

Mybatis整合成功之後，接下來了解一下增刪改查的配置以及多表操作，先從增刪改查開始為了方便後面的多表操作，現在針對資料表的配置我這裡全部在xml中配置（暫時不用註解的方式了），先看一下目前的工程結構（注意包名）首先為了瞭解增刪改查的操作，我這裡將針對資料庫中的一個文

【呼叫中心KPI解析】4、系統撥出量

指標含義客服中心主動向客戶發起外呼的電話量。設定目的考查呼叫平臺承載的外呼話務規模，反映外呼話務對系統資源的佔用情況。計算方法計算統計時段內客服中心主動

【MySQL】4、Select查詢語句

4.Select查詢語句 4.1、select語句 <?php $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; // 建立連線 $conn

【ECMAScript 5_6_7】4、ES6——模板字串

一、模板字串

相關推薦