JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

2018-11-25 594

原文: JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

　　ES2015（ES6）带来了许多闪亮的新功能，自2017年以来，许多JavaScript开发人员已经熟悉并开始使用这些功能。虽然这种假设可能是正确的，但仍有可能其中一些功能对某些人来说仍然是一个谜。

　　ES6带来的一个新特性是新增了通过使用let、const来声明变量。在本文中，我们将讨论var，let和const的范围，使用和提升。在您阅读时，请注意它们之间的差异，我会指出。

VAR

VAR的范围

　　范围本质是意味着这些变量可供使用的位置。var声明的范围是全局作用于或者本地函数作用域。当一个var变量声明在函数外面时它的作用域是全局的，这意味着在整个窗口中可以使用在函数块外部使用var声明的任何变量。var变量在函数内声明时是函数作用域。这意味着它可用，只能在该函数中访问。

　　我们举一个例子：

<script>
    var greeter = "Hello";
    function hello() {
        var hi = "Hi";
    }
</script>

　　在这里，greeter是全局范围的，因为它存在于函数外部，而hello是函数作用域。所以我们不能在函数外部访问变量hi。所以，如果我们这样做：

var变量可以重新声明和更新

　　这个是比较好理解的

var变量提升

　　变量提升是什么意思呢？比如我们看下面这段代码

　　当f()执行后，输出的结果是什么？可能你会说是日期，因为函数f()中，虽然想对tmp进行字符串赋值，但是被if制止了，所以还是以前的Date类型，其实是错误的。这里涉及到一个问题，就是变量提升(Hoisting)，它是一种JavaScript机制，它规定变量和函数声明在代码执行之前被移动到其作用域的顶部。所以上面代码等同于下面代码：

　　所以，结果就是undefined。

var变量带来的问题

　　var有一个弱点。我将使用下面的例子来解释这一点。

　　这段代码看起来是没有任何问题的，但是却是一个巨大的隐患，虽然如果您故意要求重新定义greeter，这不是问题，但如果您没有意识到之前已经定义过变量greeter，则会成为一个问题。如果您在代码的其他部分使用了greeter，那么您可能会对可能获得的输出感到惊讶。这可能会导致代码中出现很多错误。这就是let和const必要的原因。

　　也即是说，如果定义在全局作用域的var变量，极有可能对以前定义的同名变量进行覆盖，从而引发问题，而这一切我们都茫然不知。

LET

　　如果要定义变量，let现在是首选。毫不奇怪，因为它是对var声明的改进。它还解决了最后一个小标题中提出的这个问题。让我们考虑为什么会这样

Let是块作用域

　　块是由{}限定的代码块。一个块生活在花括号中。花括号内的任何东西都是块。因此，在带有let的块中声明的变量仅可在该块中使用。让我用一个例子解释一下。

　　这个是上面例子的改写，if语句构成了一个块，在外面我们无法访问hello，故报错。

Let可以更新但是不能重新声明

　　正如下面例子我们看到的，无法重新定义a变量。

　　在这里很明显两个a在同一个作用域下，如果我们放在不同的块中是可以的，但是切记这不是重新声明，他们隶属于不同的块，对每个块来说都是第一次定义：

Let变量提升

　　就像var一样，让声明被提升到顶部。与初始化为undefined的var不同，let关键字未初始化。因此，如果您在声明之前尝试使用let变量，则会出现参考错误。

CONST

　　用const声明的变量保持常量值。 const声明与let声明共享一些相似之处。

const声明是块作用域

　　与let声明一样，const声明只能在声明的块中访问。

const无法更新或重新声明

　　因此，每个const变量必须在声明时初始化。

　　虽然无法更新const对象，但可以更新此对象的属性。因此，如果我们声明一个const对象

CONST变量提升

　　就像let一样，const声明被提升到顶部但未初始化。

总结

让我们来梳理一下三者的区别

var声明是全局作用域或函数作用域，而let和const是块作用域。
var变量可以在其范围内更新和重新声明;let变量可以更新但不能重新声明; const变量既不能更新也不能重新声明。
它们全部被提升到其范围的顶部，但是变量初始化为undefined时，let和const变量不会被初始化。
虽然可以声明var和let而不进行初始化，但必须在声明期间初始化const。

微信关注我们

原文链接：https://yq.aliyun.com/articles/676440

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Python：如何用一行代码获取上个月是几月

题图：Photo by Pablo García Saldaña on Unsplash 抱歉我用了个有点标题党的标题，因为担心你错过了本文，但内容绝对干货，本文介绍的关于Python时间日期处理，日期时间处理在实际应用场景中无处不在，所以这也成了编程语言中必不可少的模块，Python 也不例外。但是，你知道在Python中有多少个相关的模块吗？datetime、time、calendar、 dateutil、 pytz 等等。你知道有多少种数据类型吗？date、time、datetime、tzinfo、timedelta 等等。有天我遇到这样的需求，想获取当前月的前一个月是几月，假设本月是2018年1月，那么上个月就是2017年12月，大约要经过这么几个步骤 >>> import datetime # 1. 获取

2018-11-25

593

首先感谢廖老师给我们大家提供的那么好的教程，相信大部分童鞋都看过廖老师的python教程，我也是从这个教程入了门。后来又开始接着学JavaScript，不过每次都要用浏览器上网浏览太麻烦，所以就用爬虫爬下来保存为PDF格式。不过缺点就是没有目录废话不多说上代码。 # coding=utf-8 import os import time import re import requests import pdfkit from bs4 import BeautifulSoup from PyPDF2 import PdfFileMerger,PdfFileReader, PdfFileWriter import sys #test12 html_template = """ <!DOCTYPE html> <

2018-11-25

828

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。