JavaScript ES6新特性:变量与函数详解

需积分: 0 5 下载量 11 浏览量 更新于2024-07-05 收藏 924KB PDF 举报
"这份文档是关于JavaScript高级笔记的总结,主要涵盖了ES6中新的变量创建方式和函数的相关特性。" 在JavaScript中,ES6引入了许多新的语法特性,大大提升了编程的便利性和代码的可维护性。其中,变量的创建方式是重要的变革之一,主要体现在`let`和`const`的引入。 1. ES6创建变量 - `let`关键字允许我们在同一个作用域内多次声明变量,解决了`var`存在的变量提升和重新赋值的问题。`let`声明的变量只在其所在的块级作用域内有效,不会被提升到作用域顶部。 - `const`则用于声明常量,一旦声明并赋值,其值就不能再改变。这使得我们可以更好地管理和保护不应该变动的值。需要注意的是,即使`const`常量的值是对象,也不能改变对象的属性或元素,但可以改变引用对象本身,这是个常见的陷阱。 2. 变量的初始值与作用域 - `var`创建的变量可以不初始化,且作用域基于函数,有变量提升现象。 - `let`和`const`则必须在声明时初始化,并且它们的作用域基于块级({}),没有变量提升,体现了"暂时性死区"的概念,有助于避免因意外覆盖变量而导致的错误。 3. 函数 - 函数提升:声明式函数(`function`关键字定义的函数)在执行前会被提升到当前作用域的顶部,而函数表达式(如`var foo = function() {}`)则不会。 - 命名冲突:如果`var`变量与声明式函数同名,未赋值的变量会服从函数的优先级,保持函数的存在。 - 默认参数值:ES6允许在函数定义时给参数设置默认值,这样当调用函数时,如果没有传入对应的参数,就会使用默认值。 - rest参数:通过`...`语法,可以接收不确定数量的实参,它们会被打包成一个数组,方便处理多个参数的情况。 以上知识点展示了JavaScript如何通过ES6进行更高效、更安全的变量管理以及函数定义,对于理解和编写更高质量的JavaScript代码至关重要。掌握这些特性有助于提升代码的可读性和可维护性,是现代前端开发的基础技能。