JS 基本语法学习

作者：黎燃

2022 年 5 月 15 日
本文字数：1062 字
阅读完需：约 3 分钟

JavaScript 字面量

书写混合值最重要的规则是：数字（Number）字面量可以是整数或者是小数，,写数值有无小数点均可：

15.9010011

复制代码

字符串是文本，由双引号或单引号包围：

"Bill Gates"'Bill Gates'

复制代码

表达式字面量用于计算：

5 + 65 * 10

复制代码

JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。语句是用分号分隔：

x = 5 + 6;y = x * 10;

复制代码

4 种输出方法

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
使用 innerHTML 写入到 HTML 元素。

需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。

使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容

document.getElementById("demo").innerHTML = "已修改。";

复制代码

数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

null：是一个只有一个值的特殊类型。表示一个空对象引用。typeof 返回的是一个 object。

var x = null;

复制代码

undefined：清空变量后，typeof 返回为 undefined；未设置变量值的情况下，typeof 返回为 undefined。NaN 的数据类型是 number 数组(Array)的数据类型是 object 日期(Date)的数据类型为 objectnull 的数据类型是 object

未定义变量的数据类型为 undefined

body 中的 script 函数

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>body中的script</title></head><body><h1>我的函数</h1><p id="demo">我的函数</p><button type="button" onclick="myFunction()">点击一下</button><script>    function myFunction() {        document.getElementById("demo").innerHTML = "这是我的函数"    }</script></body></html>

复制代码

注释

不是所有语句都需要 javascript 解释器去解释并执行。有时需要在脚本中写一些仅供自己参考或提醒自己的信息，并希望 javascript 解释器能直接忽略掉这些信息，这类信息就是注释

注释能有效帮助了解代码流程，在代码中它们扮演生活中便条的角色，可以帮助我们弄清楚脚本到底干了什么

[注意]注释一定要精确地描述代码，没有用的注释比没有注释还要糟糕

有多种方式可以在 javascript 脚本中插入注释，包括单行注释、多行注释和 HTML 风格的注释

【1】单行注释以两个斜杠开头

//单行注释

复制代码

【2】多行注释又叫块级注释，以一个斜杠和一个星号/开头，以一个星号和一个斜杠/结尾

/*    这是一个多行注释 */

复制代码

发布于: 刚刚阅读数: 2

原文链接:【http://xie.infoq.cn/article/7e24166b2d6ae41d00f4928b2】。文章转载请联系作者。

黎燃

关注

前端工程师 2022.05.06 加入

专注学习分享前端知识。

发布

暂无评论

创作场景

JS 基本语法学习

JavaScript 字面量

JavaScript 语句

4 种输出方法

数据类型

body 中的 script 函数

注释

黎燃

评论