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 分钟前
React学习之自定义tab组合组件
javascript·学习·react.js
深蓝电商API4 分钟前
异步爬虫中代理池的并发管理
开发语言·爬虫·python
hhy_smile5 分钟前
Special method in class
java·开发语言
2601_949809597 分钟前
flutter_for_openharmony家庭相册app实战+隐私设置实现
android·javascript·flutter
沐知全栈开发8 分钟前
Bootstrap5 轮播
开发语言
2601_949593659 分钟前
React Native 鸿蒙跨平台开发:LinearGradient 渐变动画效果
javascript·react native·react.js
qq_1777673711 分钟前
React Native鸿蒙跨平台音乐播放器涉及实时进度更新、播放控制、列表交互、状态管理等核心技术点
javascript·react native·react.js·ecmascript·交互·harmonyos
༾冬瓜大侠༿14 分钟前
C++string
c语言·开发语言·c++·算法
雨季66614 分钟前
Flutter 三端应用实战:OpenHarmony “极简文本字符计数器”——量化表达的尺度
开发语言·flutter·ui·交互·dart
2501_9209317014 分钟前
React Native鸿蒙跨平台实现了简单的商品图片轮播功能,为用户提供了直观的商品图片浏览体验,帮助用户全面了解商品外观
javascript·react native·react.js·ecmascript·harmonyos