1.let與const
ES6 新增了let命令,用來宣告變數,它的用法類似于var,但是所宣告的變數,只在let命令所在的代碼塊內有效,
for回圈的計數器,就很合適使用let命令,
ES6 的塊級作用域必須有大括號,如果沒有大括號,JavaScript 引擎就認為不存在塊級作用域,
與var相比,主要區別在于:
a)沒有預決議,不存在變數提升
b)在同一個作用域里不能重復定義變數
const宣告一個只讀的常量,一旦宣告,常量的值就不能改變,
這意味著,const一旦宣告變數,就必須立即初始化,不能留到以后賦值,
但是對于參考型別資料,const宣告的變數是可以改變的
const b = { a: '1', b: '2' } b.a = '3' console.log(b) // {a: '3', b: '2'} const arr =['apple','banana']; arr.push('orange'); console.log(arr); // ['apple','banana','orange']
2.變數的解構賦值
ES6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構,
// 左右兩邊結構和格式要保持一致 // 解構不成功為undefined // 解構陣列 let [a,b,c] = [1, 2,3] // 解構json let json = { name:‘strive', age: 18, job: 'hah' } let {name, age, job} = json;
用途:
1).交換變數
let x = 1; let y = 2; [x, y] = [y, x];
2).從函式回傳多個值
函式只能回傳一個值,如果要回傳多個值,只能將它們放在陣列或物件里回傳,有了解構賦值,取出這些值就非常方便,
// 回傳一個陣列 function example() { return [1, 2, 3]; } let [a, b, c] = example(); // 回傳一個物件 function example() { return { foo: 1, bar: 2 }; } let { foo, bar } = example();
3).提取json資料
let jsonData =https://www.cnblogs.com/thinkguo/p/ { id: 42, status: "OK", data: [867, 5309] }; let { id, status, data: number } = jsonData; console.log(id, status, number); // 42, "OK", [867, 5309]
3.字串的擴展
比較有用的是這個模板字串
反撇號 ··
嵌入變數: ${ 變數名 }
let name ='Strive'; let age = 18; let str = `這個人叫${name}, 年齡是 ${age}歲`; console.log(str);
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/145767.html
標籤:JavaScript
上一篇:注冊發送驗證碼提示資訊
下一篇:基本包裝型別
