JavaScript 学习

学习内容：初识JS，JS代码编写位置，JS基本语法，标识符，字面量和变量

笔记：

1、初识JS

JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。

JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中：

• HTML 用来定义网页的内容，例如标题、正文、图像等；
• CSS 用来控制网页的外观，例如颜色、字体、背景等；
• JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。

  如何运行 JavaScript

  作为一种脚本语言，JavaScript 代码不能独立运行，通常情况下我们需要借助浏览器来运行 JavaScript 代码，所有 Web 浏览器都支持 JavaScript。
  
  除了可以在浏览器中执行外，也可以在服务端或者搭载了 JavaScript 引擎的设备中执行 JavaScript 代码，浏览器之所以能够运行 JavaScript 代码就是因为浏览器中都嵌入了 JavaScript 引擎，常见的 JavaScript 引擎有：
• V8：Chrome 和 Opera 中的 JavaScript 引擎；
• SpiderMonkey：Firefox 中的 JavaScript 引擎；
• Chakra：IE 中的 JavaScript 引擎；
• ChakraCore：Microsoft Edge 中的 JavaScript 引擎；
• SquirrelFish：Safari 中的 JavaScript 引擎。

JavaScript 的特点

JavaScript 具有以下特点：

1) 解释型脚本语言

JavaScript 是一种解释型脚本语言，与 C、C++ 等语言需要先编译再运行不同，使用 JavaScript 编写的代码不需要编译，可以直接运行。

2) 面向对象

JavaScript 是一种面向对象语言，使用 JavaScript 不仅可以创建对象，也能操作使用已有的对象。

3) 弱类型

JavaScript 是一种弱类型的编程语言，对使用的数据类型没有严格的要求，例如您可以将一个变量初始化为任意类型，也可以随时改变这个变量的类型。

4) 动态性

JavaScript 是一种采用事件驱动的脚本语言，它不需要借助 Web 服务器就可以对用户的输入做出响应，例如我们在访问一个网页时，通过鼠标在网页中进行点击或滚动窗口时，通过 JavaScript 可以直接对这些事件做出响应。

5) 跨平台

JavaScript 不依赖操作系统，在浏览器中就可以运行。因此一个 JavaScript 脚本在编写完成后可以在任意系统上运行，只需要系统上的浏览器支持 JavaScript 即可

第一个JS代码

 

2、JS代码编写位置

可以将js代码编写到onclick标签中 ,当点击按钮时js代码才会执行

可以将js代码写到超链接的href属性中,这样当点击超链接时会执行js代码

虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用

将js代码写到外部js文件中,然后通过script标签引入 ，写到外部文件中可以在不同的页面同时使用，也可以利用浏览器的缓存机制

注：script一旦用于引入外部文件，就不能再编写代码了，即便编写了浏览器也会自动忽略

也可以将js代码写到script标签中

 3、JS基本语法

（1） 注释：

单行注释

单行注释以双斜杠//开头，//之后的所有内容都会看作是注释的内容，对//之前的内容则不会产生影响，另外，单行注释除了可以独占一行外，也可以在代码的末尾使用示例代码如下：

 多行注释

多行注释以/*开头，并以*/结尾，出现在/*和*/之间的所有内容都会看作是注释的内容，示例代码如下：

（2）JavaScript 严格区分大小写，所以 Hello 和 hello 是两个不同的标识符。

为了避免输入混乱和语法错误，建议采用小写字符编写代码，在以下特殊情况下可以使用大写形式：
1) 构造函数的首字母建议大写。构造函数不同于普通函数。
2) 如果标识符由多个单词组成，可以考虑使用骆驼命名法——除首个单词外，后面单词的首字母大写。

上述都是约定俗成的一般习惯，不构成强制性要求，用户可以根据个人习惯进行命名。

（3） JS中每一条语句以“；”结尾，如果不写分号，浏览器会自动添加，但是会消耗一些资源，而且有时候还会加错分号，所以在开发中必须写分号

（4）JS会自动忽略空格和换行，所以我们可以利用空格和换行对代码进行格式化

4. 标识符

所谓标识符（Identifier），就是名字，我们可以自主命名。JavaScript 中的标识符包括变量名、函数名、参数名、属性名、类名等。

合法的标识符应该注意以下强制规则：

• 第一个字符必须是字母、下划线（_）或美元符号（$）。
• 除了第一个字符外，其他位置可以使用 Unicode 字符。一般建议仅使用 ASCII 编码的字母，不建议使用双字节的字符。
• 不能与 JavaScript 关键字、保留字重名。
• 可以使用 Unicode 转义序列。例如，字符 a 可以使用“\u0061”表示。

示例

在下面示例中，str 就是变量的名字：。

1. var str = "C语言中文网：c.biancheng.net";
2. document.write(str);

第1行代码定义了一个变量，名字为 str，第2行通过 str 这个名字使用了变量。

 5、字面量和变量

字面量都是一些不可以改变的值，例如：1，2，3，4......

字面量都是可以直接使用，但是我们一般不会直接使用字面量

变量可以用来保存字面量，而且变量的值是可以任何改变的，变量更加方便我们使用

声明变量

js中用var关键字来声明变量

变量定义后，可以使用等于号=来为变量赋值，等号左边的为变量的名称，等号右边为要赋予变量的值，如下例所示：

var a；

a=123；

定义变量时，可以一次定义一个或多个变量，若定义多个变量，则需要在变量名之间使用逗号,分隔开，如下例所示：

var a, b, c;    // 同时声明多个变量

变量定义后，如果没有为变量赋值，那么这些变量会被赋予一个初始值——undefined（未定义）。