国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

ES6 let和const定義變量與常量的應用實例分析

2024-05-06 16:52:51
字體:
來源:轉載
供稿:網友

本文實例講述了ES6 let和const定義變量與常量的應用。分享給大家供大家參考,具體如下:

關于 let

  • let是小作用域的變量的聲明
{  var a = 12;  let b = 15;  {   console.log(a); // 12   console.log(b); // 15  }}
  • let 是塊級作用域,不會被提升;var是函數級的變量,存在變量提升,外部可訪問
console.log(a); // Uncaught ReferenceError: a is not defined,直接報錯let a = 12; // let定義的變量不能進行變量的提升
console.log(b); // undefinedvar b = 12;// 上面的過程存在變量提升過程如下:/*var b;console.log(b);b = 12;*/
  • {} 塊級作用域,子集可訪問,外部不可訪問
{ var a = 12; let b = 15; console.log(b); // 15}console.log(a); // 12console.log(b); // Uncaught ReferenceError: b is not defined
  • let 在for循環中有效, var 在for循環外仍有效
for(var i=0;i<5;i++) {}console.log(i); // 5 for(let m=0;m<5;m++){}console.log(m); // Uncaught ReferenceError: m is not defined
  • 變量在外部定義后,在內部輸出,然后再次使用let關鍵詞聲明,那么之前輸出會【失效】報錯
var a = 18;var b = 10;fun();function fun(){ console.log(b); // 10 console.log(a); // Uncaught ReferenceError: a is not defined let a;}
  • 使用let聲明的變量唯一, 不能重復聲明
let a;var a; // Uncaught SyntaxError: Identifier 'a' has already been declared
  • {} 塊級作用域等效于立即執行函數
var config = (function () { var res = []; res.push(1); res.push(2); res.push(3); return res;})();console.log(config); // [1,2,3]
let config;{ config = []; config.push(1); config.push(2); config.push(3);}console.log(config); // [1,2,3]
  • 嚴格模式下的函數不會被提升
'use strict';function a(){console.log(1);}(function () { a(); // 去除'use strict' 之后 報錯:a is not a function,加上'use strict'之后正常,輸出1 if(false) {  function a(){console.log(2);} // 此處重新聲明和賦值了一個a函數,上面輸出1的時候表示沒有被提升 }})();
  • 使用var在for循環中定義的變量保持最后一個值的狀態
var arr = [];for(var i=0;i<5;i++) { arr.push(function () {  console.log(i); })}arr[1](); // 5 
  • 使用var在for循環中定義的變量可使用自執行函數和閉包維持變量的狀態
var arr = [];for(var i=0;i<5;i++) { arr.push((function (i) {  return function () {   console.log(i);  } })(i));}arr[1](); // 1
  • 使用let在for循環中定義的變量可自動維持變量的狀態
var arr = [];for(let i=0;i<5;i++) { arr.push(function () {  console.log(i); })}arr[1](); // 1

關于 const

  • 所有屬性同let
  • 使用const定義的是常量不可被修改,而指針對象的地址不可被修改,其屬性可以被修改
const a = { name:'J'};a.name = 'Z';a.age = 10;console.log(a); // {name: "Z", age: 10}a = {}; // 嘗試修改引用的地址console.log(a); // Uncaught TypeError: Assignment to constant variable.
  • 使用Object的freeze進行凍結對象, 嚴格模式下會報錯,非嚴格模式下無法修改
const a = { name:'K'}a.age = 13;console.log(a); // {name: "K", age: 13}Object.freeze(a);a.age = 14;console.log(a); // Uncaught TypeError: Cannot assign to read only property 'age' of object '#<Object>'

 

希望本文所述對大家JavaScript程序設計有所幫助。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 高要市| 安新县| 抚顺市| 阜宁县| 新野县| 光泽县| 涪陵区| 北川| 黄山市| 苍溪县| 托里县| 巨野县| 新安县| 舞钢市| 永德县| 临潭县| 瓮安县| 江孜县| 海口市| 枣阳市| 教育| 通许县| 岑巩县| 五寨县| 诏安县| 龙江县| 绵阳市| 新巴尔虎左旗| 吉隆县| 湄潭县| 延吉市| 阳西县| 大悟县| 原平市| 岑溪市| 云林县| 河池市| 桑植县| 永昌县| 中超| 抚宁县|