ES6快速入门

关注

原创最新推荐文章于 2026-04-17 09:27:14 发布 381 阅读 AI 写同款· GEO 优化 ›

es6基础入门篇 1、let 允许重复赋值，但不允许重复声明变量 2、const 声明常量，不允许重复声明，也不允许重复赋值 3、字符串（1）String.fromCharCode(编码)，能让编码转成字符示例，统计浏览器能支持多少个中文字符 let name = ''; for(let i=0x4e00;i<0x9fa5;i++) { name += String.fromCharC... 阅读详情

基础知识

常量
作用域
箭头函数
默认参数
对象代理

环境配置

环境配置过程

这里写图片描述

环境配置成功结果

这里写图片描述

ES6基础

常量

const PI = 3.1415926
console.log(PI)

作用域

// ES5 中作用域
const callbacks = []
for (var i = 0; i <= 2; i++) {
    callbacks[i] = function() {
        return i * 2
    }
}

console.table([
    callbacks[0](),
    callbacks[1](),
    callbacks[2](),
])

const callbacks2 = []
for (let j = 0; j <= 2; j++) {
    callbacks2[j] = function() {
        return j * 2
    }
}

console.table([
    callbacks2[0](),
    callbacks2[1](),
    callbacks2[2](),
])
;((function() {
    const foo = function() {
        return 1
    }
    console.log("foo()===1", foo() === 1)
    ;((function() {
        const foo = function() {
            return 2
        }
        console.log("foo()===2", foo() === 2)
    })())
})())

{
    function foo() {
        return 1
    }

    console.log("foo()===1", foo() === 1)
    {
        function foo() {
            return 2
        }

        console.log("foo()===2", foo() === 2)
    }
    console.log("foo()===1", foo() === 1)
}

箭头函数

{
  // ES6
  let evens = [1, 2, 3, 4, 5];
  let odds = evens.map(v => v + 1);
  console.log(evens, odds);
}

默认参数

{
  // ES6 默认参数
  function f(x, y = 7, z = 42) {
    return x + y + z
  }
  console.log(f(1, 3));
} {
  function checkParameter() {
    throw new Error('can\'t be empty')
  }
  function f(x = checkParameter(), y = 7, z = 42) {
    return x + y + z
  }
  console.log(f(1));
  try {
    f()
  } catch (e) {
    console.log(e);
  } finally {}
}