JS的简介

  • JavaScript 是 Web 的编程语言,是前端开发必须掌握的三门语言之一,即:
    - HTML 定义了网页的内容
    - CSS 描述了网页的布局
    - JS 实现了网页的行为
  • Js 是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,
  • 最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
  • 所有现代的HTML都使用JavaScript。现在 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

您知道吗?

  • JS与Java是两种不同的语言,无论是在概念上还是设计上。
  • java(由Sun公司发明)是更复杂的编程语言。
  • ECMA-262是JS标准官方名称。
  • JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。

JavaScript的用法

  • HTML中的脚本必须位于<script>
  • 脚本可被放置在HTML页面的<body><head>

JS输出

JS 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中(会重绘整个页面)。
  • 使用 innerHTML 写入到 HTML 元素(会重绘指定的元素即只重绘整个页面的一部分)。
  • 使用 console.log() 写入到浏览器的控制台。

您知道吗?

程序中调试是测试,查找及减少bug(错误)的过程。
JS 由 web 浏览器来执行。

分号 ;

  • 分号用于分隔 JS 语句。
  • 通常我们在每条可执行的语句结尾添加分号。
  • 使用分号的另一用处是在一行中编写多条语句。
    提示:您也可能看到不带有分号的案例。
    在 JS中,用分号来结束语句是可选的。

JS代码

JS代码(或者只有 JS)是 JS 语句的序列。
浏览器会按照编写顺序来执行每条语句。


JS代码块

  • JS 语句通过代码块的形式进行组合。
  • 块由左花括号开始,由右花括号结束。
  • 块的作用是使语句序列一起执行。
  • JS 函数是将语句组合在块中的典型例子。

JS对大小写敏感

JavaScript 对大小写是敏感的。
当编写 Js语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的。


空格

JS 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。

var name="Hello";
var name = "Hello";

上面两行代码是等价的。


对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。


您知道吗?

提示:JS是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。


JS 注释

Js 不会执行注释。

我们可以添加注释来对 Js进行解释,或者提高代码的可读性。
单行注释以 // 开头。

Js多行注释

多行注释以 / 开始,以 / 结尾。

使用注释可以阻止一条代码或者代码块执行。(用于调试


变量

您知道吗?

提示:您可以把变量看做存储数据的容器。

JS 变量

与代数一样,Js变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

您知道吗?

提示:Js 语句和 Js 变量都对大小写敏感。


声明(创建) Js变量

在 Js 中创建变量通常称为“声明”变量
我们使用 var 关键词来声明变量。


JS 数据类型

JS变量还能保存其他数据类型,比如文本值 (name=“Bill Gates”)。

在 JS 中, 有引号、里面有内容(没有内容就是空字符串)这样一条文本被称为字符串。

JavaScript 变量有很多种类型,但是现在,我们只关注数字字符串

当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号如果您用引号包围数值,该值会被作为文本来处理。

您知道吗?

提示:一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。


重新声明 JS 变量

如果重新声明 Js变量,该变量的值不会丢失:

var c="aa";
var c;

变量 c的值依然是 “aa”。