百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Vue进阶(四十二):var、let、const三者的区别

itomcoil 2025-01-26 22:46 17 浏览

首先,回答一个常见问题:ECMAScript JavaScript 到底是什么关系?

ECMAScript是一个国际通用标准化脚本语言。JavaScriptECMAScriptDOMBOM三者组成。可以简单理解为:ECMAScriptJavaScript的语言规范,JavaScriptECMAScript的实现和扩展。

2011 年,ECMAScript 5.1 版发布。之前我们大部分人用的也就是ES5。

2015 年 6 月,ECMAScript 6 正式通过,成为国际标准。

块级作用域 {}

ES5 中作用域有:全局作用域、函数作用域。没有块作用域的概念。

ES6 中新增块级作用域。块作用域由 { } 包括,if语句和 for语句里面的{ }也属于块作用域。

 {
     var a = 1;
     console.log(a); // 1
 }
 console.log(a); // 1
 // 通过var定义的变量可以跨块作用域访问到。
 (function A() {
     var b = 2;
     console.log(b); // 2
 })();
 // console.log(b); // 报错,
 // 可见,通过var定义的变量不能跨函数作用域访问到
 if(true) {
     var c = 3;
 }
 console.log(c); // 3
 for(var i = 0; i < 4; i ++) {
     var d = 5;
 };
 console.log(i); // 4   (循环结束i已经是4,所以此处i为4)
 console.log(d); // 5
 // if语句和for语句中用var定义的变量可以在外面访问到,
 // 可见,if语句和for语句属于块作用域,不属于函数作用域。

var、let、const的区别

  • var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。
  • let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。
  • const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。
 // 块作用域
 {
     var a = 1;
     let b = 2;
     const c = 3;
     // c = 4; // 报错
     var aa;
     let bb;
     // const cc; // 报错
     console.log(a); // 1
     console.log(b); // 2
     console.log(c); // 3
     console.log(aa); // undefined
     console.log(bb); // undefined
 }
 console.log(a); // 1
 // console.log(b); // 报错
 // console.log(c); // 报错
 // 函数作用域
 (function A() {
     var d = 5;
     let e = 6;
     const f = 7;
     console.log(d); // 5
     console.log(e); // 6  
     console.log(f); // 7 
 })();
 // console.log(d); // 报错
 // console.log(e); // 报错
 // console.log(f); // 报错

相关推荐

Python Qt GUI设计:将UI文件转换Python文件三种妙招(基础篇—2)

在开始本文之前提醒各位朋友,Python记得安装PyQt5库文件,Python语言功能很强,但是Python自带的GUI开发库Tkinter功能很弱,难以开发出专业的GUI。好在Python语言的开放...

Connect 2.0来了,还有Nuke和Maya新集成

ftrackConnect2.0现在可以下载了--重新设计的桌面应用程序,使用户能够将ftrackStudio与创意应用程序集成,发布资产等。这个新版本的发布中还有两个Nuke和Maya新集成,...

Magicgui:不会GUI编程也能轻松构建Python GUI应用

什么是MagicguiMagicgui是一个Python库,它允许开发者仅凭简单的类型注解就能快速构建图形用户界面(GUI)应用程序。这个库基于Napari项目,利用了Python的强大类型系统,使得...

Python入坑系列:桌面GUI开发之Pyside6

阅读本章之后,你可以掌握这些内容:Pyside6的SignalsandSlots、Envents的作用,如何使用?PySide6的Window、DialogsandAlerts、Widgets...

Python入坑系列-一起认识Pyside6 designer可拖拽桌面GUI

通过本文章,你可以了解一下内容:如何安装和使用Pyside6designerdesigner有哪些的特性通过designer如何转成python代码以前以为Pyside6designer需要在下载...

pyside2的基础界面(pyside2显示图片)

今天我们来学习pyside2的基础界面没有安装过pyside2的小伙伴可以看主页代码效果...

Python GUI开发:打包PySide2应用(python 打包pyc)

之前的文章我们介绍了怎么使用PySide2来开发一个简单PythonGUI应用。这次我们来将上次完成的代码打包。我们使用pyinstaller。注意,pyinstaller默认会将所有安装的pack...

使用PySide2做窗体,到底是怎么个事?看这个能不能搞懂

PySide2是Qt框架的Python绑定,允许你使用Python创建功能强大的跨平台GUI应用程序。PySide2的基本使用方法:安装PySide2pipinstallPy...

pycharm中conda解释器无法配置(pycharm安装的解释器不能用)

之前用的好好的pycharm正常配置解释器突然不能用了?可以显示有这个环境然后确认后可以conda正在配置解释器,但是进度条结束后还是不成功!!试过了pycharm重启,pycharm重装,anaco...

Conda使用指南:从基础操作到Llama-Factory大模型微调环境搭建

Conda虚拟环境在Linux下的全面使用指南:从基础操作到Llama-Factory大模型微调环境搭建在当今的AI开发与数据分析领域,conda虚拟环境已成为Linux系统下管理项目依赖的标配工具。...

Python操作系统资源管理与监控(python调用资源管理器)

在现代计算环境中,对操作系统资源的有效管理和监控是确保应用程序性能和系统稳定性的关键。Python凭借其丰富的标准库和第三方扩展,提供了强大的工具来实现这一目标。本文将探讨Python在操作系统资源管...

本地部署开源版Manus+DeepSeek创建自己的AI智能体

1、下载安装Anaconda,设置conda环境变量,并使用conda创建python3.12虚拟环境。2、从OpenManus仓库下载代码,并安装需要的依赖。3、使用Ollama加载本地DeepSe...

一文教会你,搭建AI模型训练与微调环境,包学会的!

一、硬件要求显卡配置:需要Nvidia显卡,至少配备8G显存,且专用显存与共享显存之和需大于20G。二、环境搭建步骤1.设置文件存储路径非系统盘存储:建议将非安装版的环境文件均存放在非系统盘(如E盘...

使用scikit-learn为PyTorch 模型进行超参数网格搜索

scikit-learn是Python中最好的机器学习库,而PyTorch又为我们构建模型提供了方便的操作,能否将它们的优点整合起来呢?在本文中,我们将介绍如何使用scikit-learn中的网格搜...

如何Keras自动编码器给极端罕见事件分类

全文共7940字,预计学习时长30分钟或更长本文将以一家造纸厂的生产为例,介绍如何使用自动编码器构建罕见事件分类器。现实生活中罕见事件的数据集:背景1.什么是极端罕见事件?在罕见事件问题中,数据集是...