JavaScript语法、关键字和变量

一、语法

1、区分大小写:变量、函数名、操作符

2、标识符:变量、函数、属性或函数参数的名称。

组成:1)以字母、下划线、美元符号开头

2)其他字符可以是字母、下划线、美元符号或数字

标识符的书写------小驼峰书写法(即第一个单词的首字母小写,后面每个单词的首字母大写)
注意:关键字、保留字、true、false和null不能作为标识符。

3、注释

1)单行注释

javascript 复制代码
// 单行注释

2)块注释

javascript 复制代码
/*
这是多行注释
*/

4、严格模式

javascript 复制代码
"use strict";

5、语句

ECMAScript中的语句以分号结尾。

多条语句可以合并到一个C语言风格的代码块中。代码块由一个左花括号({)标识开始,一个右花括号(})标识结束。

二、关键字与保留字

1)关键字和保留字不能用作标识符或属性名。

三、变量

ECMAScript变量是松散类型的,意思是变量可以用于保存任何类型的数据。

每个变量只不过是一个用于保存任意值的命名占位符。

有3个关键字可以声明变量:var、const和let。

其中,var在ECMAScript的所有版本中都可以使用,而const和let只能在ECMAScript 6及更晚的版本中使用。

1)var

javascript 复制代码
var message;  // 定义了一个名为message的变量,未初始化,值是undefined

使用var声明的变量会自动提升到函数作用域顶部。

2)let

let声明的范围是块作用域,而var声明的范围是函数作用域。

块作用域是函数作用域的子集,因此适用于var的作用域限制同样也适用于let。

let不允许同一个块作用域中出现冗余声明。

暂时性死区:let与var的另一个重要的区别,就是let声明的变量不会在作用域中被提升。

在解析代码时,JavaScript引擎也会注意出现在块后面的let声明,只不过在此之前不能以任何方式来引用未声明的变量。在let声明之前的执行瞬间被称为"暂时性死区"(temporal dead zone),在此阶段引用任何后面才声明的变量都会抛出ReferenceError。

全局声明:与var关键字不同,使用let在全局作用域中声明的变量不会成为window对象的属性(var声明的变量则会)。不过,let声明仍然是在全局作用域中发生的,相应变量会在页面的生命周期内存续。因此,为了避免SyntaxError,必须确保页面不会重复声明同一个变量。

条件声明:在使用var声明变量时,由于声明会被提升,JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明。因为let的作用域是块,所以不可能检查前面是否已经使用let声明过同名变量,同时也就不可能在没有声明的情况下声明它。

3)const

const的行为与let基本相同,唯一一个重要的区别是用它声明变量时必须同时初始化变量,且尝试修改const声明的变量会导致运行时错误。

4)声名风格及最佳实践

① 不适用var

② const优先,let次之

相关推荐
幽络源小助理4 分钟前
小六壬排盘工具源码 自适应双端 纯原生HTML+JS
前端·javascript·html
Slow菜鸟6 分钟前
Codex CLI 教程(五)| AI 驱动项目从零到一:面向 Java 全栈工程师打造个人 ECC(V2版)
java·开发语言·人工智能
lsx2024066 分钟前
Julia 基本运算符
开发语言
2501_9216494937 分钟前
企业定制金融数据 API:从架构设计到 Python 接入实战
大数据·开发语言·python·websocket·金融·量化
直奔標竿39 分钟前
SpringAI + RAG + MCP + Agent 零基础全栈实战(完结篇)| 27课完整汇总,Java开发者AI转型必看
java·开发语言·人工智能·spring boot·后端·spring
Championship.23.241 小时前
Open Source Pipeline Skill深度解析:自动化开源贡献全流程
前端·javascript·html
reasonsummer1 小时前
【教学类-160-13】20260422 AI视频培训-练习013“豆包AI视频《师幼互动》+豆包图片风格:CG动画”
开发语言·python
万邦科技Lafite1 小时前
京东开放API接口:item_get返回参数指南
java·前端·javascript·api·电商开放平台
梦想CAD控件1 小时前
网页CAD协同设计平台-生产级在线实时协同CAD引擎
前端·javascript·架构
Highcharts.js1 小时前
React 开发实战:如何使用 useEffect 为 Highcharts 注入实时数据
前端·javascript·react.js·开发实战·实时数据·highcharts·轮询数据