博客
关于我
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/

你可能感兴趣的文章
Notadd —— 基于 nest.js 的微服务开发框架
查看>>
NOTE:rfc5766-turn-server
查看>>
Notepad ++ 安装与配置教程(非常详细)从零基础入门到精通,看完这一篇就够了
查看>>
Notepad++在线和离线安装JSON格式化插件
查看>>
notepad++最详情汇总
查看>>
notepad++正则表达式替换字符串详解
查看>>
notepad如何自动对齐_notepad++怎么自动排版
查看>>
Notes on Paul Irish's "Things I learned from the jQuery source" casts
查看>>
Notification 使用详解(很全
查看>>
NotImplementedError: Cannot copy out of meta tensor; no data! Please use torch.nn.Module.to_empty()
查看>>
NotImplementedError: Could not run torchvision::nms
查看>>
Now trying to drop the old temporary tablespace, the session hangs.
查看>>
nowcoder—Beauty of Trees
查看>>
np.arange()和np.linspace()绘制logistic回归图像时得到不同的结果?
查看>>
np.power的使用
查看>>
NPM 2FA双重认证的设置方法
查看>>
npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法
查看>>
npm build报错Cannot find module ‘webpack‘解决方法
查看>>
npm ERR! ERESOLVE could not resolve报错
查看>>
npm ERR! fatal: unable to connect to github.com:
查看>>