<script>
  // 聲明 counter 函數(shù)
  function counter(x, y) {
    // 函數(shù)內(nèi)部聲明的變量
    let s = x + y;
    console.log(s); // 18
  }
  // 調(diào)用 counter 函數(shù)
  counter(10, 8);
  // 訪問變量 s
  console.log(s); // 報錯 外部無法訪問函數(shù)內(nèi)部的變量
</script>

<script>
  {
    // age 只能在該代碼塊中被訪問
    let age = 18;
    console.log(age); // 正常
  }
  // 超出了 age 的作用域
  console.log(age); // 報錯
  let flag = true;
  if(flag) {
    // str 只能在該代碼塊中被訪問
    let str = 'hello world!';
    console.log(str); // 正常
  }
  // 超出了 age 的作用域
  console.log(str); // 報錯
  for(let t = 1; t <= 6; t++) {
    // t 只能在該代碼塊中被訪問
    console.log(t); // 正常
  }
  // 超出了 t 的作用域
  console.log(t); // 報錯
</script>

<script>
  // 必須要有值
  const version = '1.0';
  // 不能重新賦值
  // version = '1.1';
  // 常量值為對象類型
  const user = {
    name: '小明',
    age: 18
  }
  // 不能重新賦值
  user = {};
  // 屬性和方法允許被修改
  user.name = '小小明';
  user.gender = '男';
</script>

<script>
  // 此處是全局
  function sayHi() {
    // 此處為局部
  }
  // 此處為全局
</script>
<script>
  // 此處是全局
  function sayHi() {
    // 此處為局部
  }
  // 此處為全局
</script>

<script>
    // 全局變量 name
    let name = '小明';
  	// 函數(shù)作用域中訪問全局
    function sayHi() {
      // 此處為局部
      console.log('你好' + name);
    }
    // 全局變量 flag 和 x
    let flag = true;
    let x = 10;
  	// 塊作用域中訪問全局
    if(flag) {
      let y = 5;
      console.log(x + y); // x 是全局的
    }
</script>

<script>
  // 全局作用域
  let a = 1;
  let b = 2;
  // 局部作用域
  function f() {
    let c;
    // 局部作用域
    function g() {
      let d = 'yo';
    }
  }
</script>

<script>
  // 全局作用域
  let a = 1;
  let b = 2;
  // 局部作用域
  function f() {
    let c;
    // let a = 10;
    console.log(a); // 1 或 10
    console.log(d); // 報錯
    // 局部作用域
    function g() {
      let d = 'yo';
      // let b = 20;
      console.log(b); // 2 或 20
    }
    // 調(diào)用 g 函數(shù)
    g()
  }
  console.log(c); // 報錯
  console.log(d); // 報錯
  f();
</script>

<script>
  function foo() {
    let i = 0;
    // 函數(shù)內(nèi)部分函數(shù)
    function bar() {
			console.log(++i);
    }
    // 將函數(shù)做為返回值
    return bar;
  }
  // fn 即為閉包函數(shù)
  let fn = foo();
  fn(); // 1
</script>

<script>
  // 訪問變量 str
  console.log(str + 'world!');
  // 聲明變量 str
  var str = 'hello ';
</script>
let和var都有提升，但是let定義的變量沒有賦值之前是不可以使用、var可以使用是undefined

<script>
  // 調(diào)用函數(shù)
  foo();
  // 聲明函數(shù)
  function foo() {
    console.log('聲明之前即被調(diào)用...');
  }
  // 不存在提升現(xiàn)象
  bar();
  var bar = function () {
    console.log('函數(shù)表達(dá)式不存在提升現(xiàn)象...');
  }
</script>

<script>
  // 設(shè)置參數(shù)默認(rèn)值
  function sayHi(name="小明", age=18) {
    document.write(`<p>我叫${name}，我今年${age}歲了。</p>`);
  }
  // 調(diào)用函數(shù)
  sayHi();
  sayHi('小紅');
  sayHi('小剛', 21);
</script>

<script>
  // 求生函數(shù)，計算所有參數(shù)的和
  function sum() {
    // console.log(arguments);
    let s = 0;
    for(let i = 0; i < arguments.length; i++) {
      s += arguments[i];
    }
    console.log(s);
  }
  // 調(diào)用求和函數(shù)
  sum(5, 10); // 兩個參數(shù)
  sum(1, 2, 4); // 兩個參數(shù)
</script>

<script>
  function config(baseURL, ...other) {
    console.log(baseURL);
    // other 是真數(shù)組，動態(tài)獲取實參
    console.log(other);
  }
  // 調(diào)用函數(shù)
  config('http://baidu.com', 'get', 'json');
</script>

<script>
  // 箭頭函數(shù)
  let foo = () => {
    console.log('^_^ 長相奇怪的函數(shù)...');
  }
  // 調(diào)用函數(shù)
  foo();
  // 更簡潔的語法
  let form = document.querySelector('form');
  form.addEventListener('click', ev => ev.preventDefault());
</script>