塊級作用域與ES6

阿新 • • 發佈：2020-08-21

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>塊級作用域與ES6</title>
</head>
<body>
<!--<div id="app">-->
  <!--{{message}}-->
<!--</div>-->
<div>
  <button>1</button>
  <button>2</button>
  <button>3</button>
  <button>4</button>
</div>
<script src="../js/vue.js"></script>
<script>
//  <!--ES5中var沒有塊級作用域的概念，var定義中 {}， if, for 塊級作用域沒有作用,在大括號外面依仍可以用，所以經常用funtion 函式的作用域-->
//  在ES6中引入了let，有塊級作用域的作用 

  {
    var name = 'wu'
    console.log(name)
  }
  console.log(name)
//let 有塊級作用域
 {
    let name1 = 'wu'
    console.log(name1)
  }
//  console.log(name1)//錯誤，沒有定義name1
// 點選按鈕，獲取按鈕
  const buts = document.getElementsByTagName('button')
//  第一種 var （錯誤）
//for(var i = 0; i < buts.length; i++){
//  buts[i].addEventListener('click',function () {
//    console.log('第'+ i + '個按鈕')
//  })
//}
//  第一種 var + function （正確）
//  for(var i = 0; i < buts.length; i++){
//    (function (num) {
//      buts[i].addEventListener('click',function () {
//        console.log('第'+ num + '個按鈕')
//      })
//    })(i)
//  }
//  第三種，let 正確
  for(let i = 0; i < buts.length; i++){
    buts[i].addEventListener('click',function () {
      console.log('第'+ i + '個按鈕')
    })
  }
// ES6的增強寫法
  const name = 'wu'
  const age = 18
  const height = 188
  const  obj = {
//ES5的寫法 

  name : name,
// ES6的寫法
    age,
    height,

//ES5的寫法
    eat: function () {
      console.log('我在吃');
    },
//    ES6的寫法
    run(){
      console.log('我在跑步');
    }

  }

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

　　

塊級作用域與ES6

<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>塊級作用域與ES6</title>

let與var 塊級作用域

javaScript中沒有塊級作用域，執行JavaScript程式碼可能會獲取到意想不到的結果。比如：

ES6學習筆記（1）- 塊級作用域

1. var宣告變數和變數提升（Hoisting）機制的問題在JS中通過var關鍵字宣告的變數，無論在函式作用域中亦或是全域性作用域中，都會被當成當前作用域頂部的變數，和就是所謂的提升機制（Hoisting）。但是提升機制會帶

js es6語法 es5的嚴格模式 es6 let const 塊級作用域 let和const和var的區別解構賦值物件的擴充套件函式的擴充套件箭頭函式

一, ECMAScript和javascript的關係 ECMAScript是一個語法核心標準，javascript是語法的一種體現。

閉包與let塊級作用域實現非同步節點控制

效果圖： html： <ul> <li>item--<a href= \"javascript:;\">刪除</a></li>

ES6語法(一)-變數的塊級作用域

ES6中定義變數可以使用let和const，ES6之前只能使用var。而let在for,if,函式中是有塊級作用域，var在for,if模組中沒有塊級作用域，只有函式中有塊級作用域

第3章函式作用域和塊級作用域

01==》函式作用域的含義屬於這個函式的全部變數都可以在整個函式的範圍內使用以及複用。

函式、箭頭函式、函式作用域、塊級作用域、作用域鏈

函式範例 function sum(a,b) { let result = a + b; return result; } let a = sum(1,5) //a = 6 吃的是草，擠的是奶

switch的塊級作用域

今天在敲程式碼的時候，因為有兩種貨幣型別的預製體需要建立，所以用了switch來區分型別，然後case裡面建立，結果出現了以下問題：

552 let、const、var及其區別，變數提升，前端程式碼中的上下文（作用域），迴圈中的 IIFE、塊級作用域，迴圈繫結事件的優化

let、const、var及其區別，變數提升程式碼獲取到後：詞法解析（AST）：把程式碼拆成對應的字元，並且識別成瀏覽器可以解析的物件。

12 小程式-計算屬性-塊級作用域-v-on/I/for/if引數-過濾器

1.計算屬性計算屬性完整寫法有set和get computed:{ //以下方式為計算屬性的簡寫 fullName:function () {

塊級作用域 let const var的區別

1.JS作用域 JS中作用域有：全域性作用域、函式作用域。沒有塊作用域的概念。ECMAScript 6(簡稱ES6)中新增了塊級作用域。

ECMAScript -- let 和塊級作用域

什麼是塊級作用域？js中有塊級作用域嗎？塊級作用域，指程式碼中用{}括起來的範圍，如下程式碼所示：

JavaScript ES新特性塊級作用域

目錄1.塊級作用域是什麼2.為什麼需要塊級作用域3.與函式宣告前言：在學習塊級作用域之前需要我們對作用域有個瞭解，所謂的作用域就是程式碼當中的某個成員起作用的範圍。

Python巢狀函式，作用域與偏函式用法例項分析

本文例項講述了Python巢狀函式，作用域與偏函式用法。分享給大家供大家參考，具體如下：

Python作用域與名字空間原理詳解

Python具有靜態作用域，變數的作用域由它定義的位置決定，而與呼叫的位置無關。

JavaScript進階（二）詞法作用域與作用域鏈例項分析

本文例項講述了JavaScript詞法作用域與作用域鏈。分享給大家供大家參考，具體如下：

詳解C++作用域與生命週期

Pascal之父Nicklaus Wirth曾經提出一個公式，展示出了程式的本質：程式=演算法+資料結構。後人又給出一個公式與之遙相呼應：軟體=程式+文件。這兩個公式可以簡潔明瞭的為我們展示程式和軟體的組成。

作用域與作用域鏈

作用域與作用域鏈理解: 作用域: 一塊程式碼區域, 在編碼時就確定了, 不會再變化

關於JS中作用域與執行上下文的區別

關於JS中作用域與執行上下文的區別 JS中作用域的理解作用域和執行上下文的區別