博客
关于我
web前端开发:JavaScript 基本语法,
阅读量:140 次
发布时间:2019-02-28

本文共 1691 字,大约阅读时间需要 5 分钟。

JavaScript 标识符规则及变量声明

在 JavaScript 中,变量名被称为标识符,其命名规则对代码的可读性和维护性至关重要。标识符需要遵循特定的命名规范。

标识符规则

标识符的命名必须满足以下条件:

  • 标识符必须以字母、下划线(_)或美元符号($)开头。
  • 标识符的其余字符可以是字母(区分大小写)、数字(0-9)或某些特定字符(如 ISO 8859-1 或 Unicode 字符)。
  • 常见的字符包括小写字母 a-z, 大写字母 A-Z,数字 0-9,以及特殊字符如 $ 和 _。

合法的标识符示例

  • Number_hits
  • temp99
  • $credit
  • _name

变量声明

在 JavaScript 中,可以使用 `var` 或 `let` 关键字声明变量。`var` 用于声明局部或全局变量,而 `let` 用于声明块作用域的局部变量。

使用 `var`

  • 示例:var x = 42;
  • 在函数外使用这种方式赋值会创建全局变量,在严格模式下可能会抛出错误。

使用 `let`

  • 示例:let y = 13;
  • 这种声明方式仅在块作用域内有效。

变量求值

如果变量未赋值,则值为 `undefined`。以下是示例:

  • var a; console.log(a); // 输出: undefined

块结构

块结构(`{ ... }`)用于将代码包装在一起,常用于与 `if`、`for`、`while` 结合使用。

if-else 语句

用于根据条件执行不同的代码块。语法如下:

if (条件) {    代码块1} else {    代码块2}

可以省略代码块的括号,但不建议这样做,为了代码的可读性和维护性,建议总是使用括号包裹代码块。

with 语句

用于限定对象,简化属性访问。语法如下:

with (对象) {    // 代码块}

示例:

with (fruit) {    case "banana": // ...}

while 循环

用于执行条件为真时的代码块。语法如下:

while (条件) {    代码块}

示例:

var a = 0.1;while (!a === 1) {    console.log(a);    a = +0.1;}

for 循环

是 `while` 循环的简化版本,用于执行多次重复的代码块。语法如下:

for (初始化; 条件; 更新) {    代码块}

示例:

for (var i = 0; i < 5; i++) {    setTimeout(() => {        console.log(i);    }, 0);}

执行结果为:5 个 5。由于 `setTimeout` 是异步函数,延迟打印 `i` 的值为 5。

break 和 continue

`break` 用于退出当前循环,`continue` 用于跳过当前循环体。

示例:

var a = 0.1;while (!a === 1) {    console.log(a);    a = +0.1;}

由于浮点数精度问题,循环可能会无限进行。建议使用 `Math.round(a * 100) === 100` 来避免这种情况。

标签(labels)

用于在循环中跳转到特定的代码块。语法如下:

标签名: {    代码块    break 标签名;}

简写形式:

标签名:1

问号冒号表达式

用于简化条件判断。语法如下:

条件 ? 代码块1 : 代码块2

示例:

function max(a, b) {    return a > b ? a : b;}

逻辑运算符(&& 短路)

表达式 A && B && C && D 取第一个假值或 D。

示例:

console && console.log && console.log(hi);

|| 表达式用于取第一个真值或 D。

以上内容为 JavaScript 的基础知识,适合初学者学习。如需要进一步的学习资源或面试题,可以访问前端学习交流群:851 中间:231 最后:348。

转载地址:http://wzhd.baihongyu.com/

你可能感兴趣的文章
python+pytest接口自动化 —— 参数关联
查看>>
Python+pytest接口自动化 —— 接口测试基础
查看>>
python+pytest接口自动化 —— 自动化用例编写思路 (使用pytest编写一个测试脚本)
查看>>
Python+pytest接口自动化之cookie绕过登录(保持登录状态)
查看>>
python+pytest接口自动化:接口测试
查看>>
Python+requests+unittest执行接口自动化测试详情
查看>>
Python+requests+unittest执行接口自动化测试详情
查看>>
python+requests+unittest执行自动化接口测试!
查看>>
Python+Requests编码识别Bug
查看>>
python函数编写_[零基础学python]传说中的函数编写条规
查看>>
Python+selenium —— UI自动化之鼠标操作
查看>>
python函数注释,参数后面加冒号:,函数后面的箭头→是什么?
查看>>
Python+Selenium+Threading进行兼容性测试
查看>>
Python+selenium+unittest的GUI自动化框架实现
查看>>
python函数拟合不规则曲线_Python计算&绘图——曲线拟合问题(转)
查看>>
python函数定义的基本格式_零基础学python-2.19 定义函数、调用函数与默认参数
查看>>
Python+Selenium之数据驱动测试的实现
查看>>
python函数定义与使用+返回值简解
查看>>
Python+Selenium登录
查看>>
Python日期时间模块
查看>>