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

你可能感兴趣的文章
No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android
查看>>
NO.23 ZenTaoPHP目录结构
查看>>
no1
查看>>
NO32 网络层次及OSI7层模型--TCP三次握手四次断开--子网划分
查看>>
NoClassDefFoundError: org/springframework/boot/context/properties/ConfigurationBeanFactoryMetadata
查看>>
Node JS: < 一> 初识Node JS
查看>>
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
node-request模块
查看>>
Node.js 8 中的 util.promisify的详解
查看>>
Node.js 函数是什么样的?
查看>>