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次之

相关推荐
潜创微科技1 小时前
IT6520:USB-C 转 MIPI 高集成控制器,DP 1.4a 转 MIPI 单芯片搞定 4K120 显示
c语言·开发语言·低延迟·掌机·联阳
默_笙1 小时前
🚲 从写信到打电话:WebSocket 双工通信与跨域方案的"通信进化史"
前端·javascript
Escalating_xu1 小时前
【System V 信号量】从 P/V 原语到 Builder 封装:写出可控、可清理的进程互斥组件
java·linux·开发语言·jvm
傲世仙尊2 小时前
System V 进程间通信详解:共享内存、消息队列与信号量(CSDN博客)
linux·开发语言·c++
ikoala2 小时前
DeepSeek 官方仓库惊现 DeepSeek Harness 桌面端!
前端·javascript·后端
cvby2 小时前
C++11
开发语言·c++
liangshanbo12152 小时前
React useEffect 与 useLayoutEffect 面试题整理
前端·javascript·react.js
ID34610744203 小时前
【课程设计】基于Spring Boot+Vue的校园共享无人机服务系统设计与实现-计算机毕设 附源码44219
javascript·vue.js·spring boot·python·node.js·php·课程设计
夜不会漫长3 小时前
C++:类和对象(2)
java·javascript·c++
ch.ju3 小时前
Java—idea知识:如何创建新项目
java·开发语言·intellij-idea