声明变量的六种方法

2024-05-12 06:12
文章标签 方法 变量 声明 六种

本文主要是介绍声明变量的六种方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  • ES6 声明变量的六种方法
    • var
    • function
    • let
    • const
    • class
    • import
  • 顶层对象的属性

1. ES6 声明变量的六种方法

ES5 只有两种声明变量的方法: var 命令和 function 命令。

ES6 除了添加 let 和 const 命令,还有另外两种声明变量的方法: import 命令和 class 命令。

所以,ES6 一共有6种声明变量的方法。

以下是ES6声明变量的六种方法,每种方法都附带一个简单的示例:

1.1. var

这是ES5就有的声明方式,但在ES6中仍然可用。

var声明的变量可以被重新声明,且存在变量提升现象。

var x = 10;
console.log(x); // 输出: 10

1.2. function

函数声明也可以视为一种声明变量的方式,它用于定义可重用的代码块。

function sayHello(name) {console.log("Hello, " + name);
}
sayHello("World"); // 输出: Hello, World

1.3. let

let允许你声明一个块级作用域的本地变量,解决了var变量提升和重复声明的问题。

if (true) {let y = 20;console.log(y); // 输出: 20
}
// console.log(y); // 这里会报错,因为y只在if块内有效

1.4. const

用于声明一个常量,其值在初始化后不能被重新赋值。同样具有块级作用域。

const PI = 3.14;
// PI = 3; // 尝试更改PI的值会引发错误
console.log(PI); // 输出: 3.14

1.5. class

用于定义类,类是一种特殊的函数,用来创建具有特定原型的对象。

类的声明也会创建一个新的引用类型。

class Person {constructor(name) {this.name = name;}sayName() {console.log(this.name);}
}
let person = new Person("Alice");
person.sayName(); // 输出: Alice

1.6. import

虽然通常用于模块导入,但也可以视作一种声明变量的方式,因为它可以将模块中的导出内容作为局部变量使用。

// 假设有一个模块 export.js
// export.js 内容:
// export const msg = "Hello from export.js";// 另一个文件中使用import
import { msg } from './export.js';
console.log(msg); // 输出: Hello from export.js

这些声明方式丰富了JavaScript的语法,使得开发者可以根据不同场景选择最合适的变量声明方式。

2. 顶层对象的属性

顶层对象,在浏览器环境指的是 window 对象,在 Node 指的是 global 对象。ES5 之中,顶层对象的属性与全局变量是等价的。

window.a = 1;
a // 1
a = 2;
window.a // 2

上面代码中,顶层对象的属性赋值与全局变量的赋值,是同一件事。

顶层对象的属性与全局变量挂钩,被认为是 JavaScript 语言最大的设计
败笔之一。

ES6 为了改变这一点,

  • 一方面规定,为了保持兼容性, var 命令和 function 命令声明的全局变量,依旧是顶层对象的属性;
  • 另一方面规定, let 命令、 const 命令、 class 命令声明的全局变量,不属于顶层对象的属性。

也就是说,从 ES6 开始,全局变量将逐步与顶层对象的属性脱钩

var a = 1;
// 如果在 Node 的 REPL 环境,可以写成 global.a
// 或者采用通用方法,写成 this.a
window.a // 1let b = 1;
window.b // undefined

这篇关于声明变量的六种方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/981818

相关文章

变量与命名

引言         在前两个课时中,我们已经了解了 Python 程序的基本结构,学习了如何正确地使用缩进来组织代码,并且知道了注释的重要性。现在我们将进一步深入到 Python 编程的核心——变量与命名。变量是我们存储数据的主要方式,而合理的命名则有助于提高代码的可读性和可维护性。 变量的概念与使用         在 Python 中,变量是一种用来存储数据值的标识符。创建变量很简单,

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

浅谈主机加固,六种有效的主机加固方法

在数字化时代,数据的价值不言而喻,但随之而来的安全威胁也日益严峻。从勒索病毒到内部泄露,企业的数据安全面临着前所未有的挑战。为了应对这些挑战,一种全新的主机加固解决方案应运而生。 MCK主机加固解决方案,采用先进的安全容器中间件技术,构建起一套内核级的纵深立体防护体系。这一体系突破了传统安全防护的局限,即使在管理员权限被恶意利用的情况下,也能确保服务器的安全稳定运行。 普适主机加固措施:

webm怎么转换成mp4?这几种方法超多人在用!

webm怎么转换成mp4?WebM作为一种新兴的视频编码格式,近年来逐渐进入大众视野,其背后承载着诸多优势,但同时也伴随着不容忽视的局限性,首要挑战在于其兼容性边界,尽管WebM已广泛适应于众多网站与软件平台,但在特定应用环境或老旧设备上,其兼容难题依旧凸显,为用户体验带来不便,再者,WebM格式的非普适性也体现在编辑流程上,由于它并非行业内的通用标准,编辑过程中可能会遭遇格式不兼容的障碍,导致操

透彻!驯服大型语言模型(LLMs)的五种方法,及具体方法选择思路

引言 随着时间的发展,大型语言模型不再停留在演示阶段而是逐步面向生产系统的应用,随着人们期望的不断增加,目标也发生了巨大的变化。在短短的几个月的时间里,人们对大模型的认识已经从对其zero-shot能力感到惊讶,转变为考虑改进模型质量、提高模型可用性。 「大语言模型(LLMs)其实就是利用高容量的模型架构(例如Transformer)对海量的、多种多样的数据分布进行建模得到,它包含了大量的先验

【北交大信息所AI-Max2】使用方法

BJTU信息所集群AI_MAX2使用方法 使用的前提是预约到相应的算力卡,拥有登录权限的账号密码,一般为导师组共用一个。 有浏览器、ssh工具就可以。 1.新建集群Terminal 浏览器登陆10.126.62.75 (如果是1集群把75改成66) 交互式开发 执行器选Terminal 密码随便设一个(需记住) 工作空间:私有数据、全部文件 加速器选GeForce_RTX_2080_Ti

【VUE】跨域问题的概念,以及解决方法。

目录 1.跨域概念 2.解决方法 2.1 配置网络请求代理 2.2 使用@CrossOrigin 注解 2.3 通过配置文件实现跨域 2.4 添加 CorsWebFilter 来解决跨域问题 1.跨域概念 跨域问题是由于浏览器实施了同源策略,该策略要求请求的域名、协议和端口必须与提供资源的服务相同。如果不相同,则需要服务器显式地允许这种跨域请求。一般在springbo

AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出

AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出 在数字化时代,文本到语音(Text-to-Speech, TTS)技术已成为人机交互的关键桥梁,无论是为视障人士提供辅助阅读,还是为智能助手注入声音的灵魂,TTS 技术都扮演着至关重要的角色。从最初的拼接式方法到参数化技术,再到现今的深度学习解决方案,TTS 技术经历了一段长足的进步。这篇文章将带您穿越时

模版方法模式template method

学习笔记,原文链接 https://refactoringguru.cn/design-patterns/template-method 超类中定义了一个算法的框架, 允许子类在不修改结构的情况下重写算法的特定步骤。 上层接口有默认实现的方法和子类需要自己实现的方法

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(