Day01_JavaScript课堂笔记

JavaScript Day01 笔记

1 JavaScript 概述

① JavaScript 的特点

JavaScript 是一门动态的，弱类型的，解释型的，基于对象的脚本语言。

动态： 程序执行的时候才会确定数据类型。 静态： 书写代码的时候提前确定数据类型。

弱类型： 数据类型可以自动转换。 强类型： 数据类型无法自动转换。

解释型： 边编译，边运行，开发效率更高。 编译型： 边编译，边运行，开发效率更高。

**脚本：**一般都是可以嵌在其它编程语言当中执行。

② javaScript 的运行环境

JavaScript 的解释器（运行环境）是浏览器或Node.js。

解释型编程语言的运行环境叫解释器， 编译型语言的运行环境叫编译器。

③ 浏览器端的 JavaScript 组成部分

• ECMAScript 基本语法 （使用ES的编程语言：JavaScript、ActionScript）
• BOM （浏览器对象模型） 浏览器提供的一系列API啊（使用代码直接调用的方法）
• DOM （文档对象模型）HTML文档提供的一系列API

2 JavaScript 基本语法

2.1 JavaScript 在 HTML 中使用的三种方式

① 行内式

<button οnclick="js代码..."></button>
<div ondblick="js代码..."></div>

② 内嵌式

<script>
	js 代码...;
</script>

③ 外链式

<script src="js文件地址"></script>

注意： 外链式和内嵌式不可以共用一个 script 标签！

2.2 JavaScript 注释

// 单行注释
alert('ok');   // 注释

/*
	多行注释
	多行注释
	多行注释
	...
*/

2.3 JavaScript 语法特点

1. JS中，严格区分大小写。
2. JS每条语句最后需要一个指令结束符，可以是换行也可以是分号。

2.4 JavaScript 中输出内容

① 输出到弹框

alert()

② 输出到页面中

document.write()

③ 输出到控制台

console.log()

3 变量

3.1 数据、直接量、变量

数据： 参与运算的就是数据，运算中用的数据会存储到内存中。

直接量： 直接表示数据就是直接量。

变量： 给数据取个名字，就是变量，使用变量就是使用数据； 变量可以认为是存储数据的容器。

3.2 变量的意义

1. 变量方便数据的重复使用
2. 变量可以让数据存储在内存中，多次使用可以保证数据是同一个。

3.3 变量的语法

1. 使用 var 关键字可以创建一个变量
2. 使用变量的时候（给变量赋值、输出变量、参与运算等）不需要关键字 var
3. 变量的值可以修改，修改变量的值称为给变量赋值。

// 创建一个变量（声明一个变量） 没有赋值
var username;

// 给变量赋值  变量中包含的数据称为变量的值
username = '高小乐';

// 创建变量并且给变量赋值
var age = 109;

// 修改变量的值
age = 108;

// 修改 username 的值
username = age;

// 同时创建多个变量
var num1,num2,num3;
// 同时创建多个变量并赋值
var a = 100, b = 200, c = 300;

3.4 变量的命名规范（标识符的命名规范）

① 强制规范

1. 变量名必须有数字、字母、下划线、$ 组成且不能以数字开头。
2. 变量不能是关键字或保留字。

② 建议规范

1. 变量民要使用有意义的词
2. 如果变量名由多个词组成，推荐小驼峰命名法。

小驼峰命名法：
schollAddress
firstHomeAddress

大驼峰命名法：
SchoolAddress
FirstHomeAddrss

下划线方式：
scholl_address
first_home_address

4 数据类型

4.1 数据类型的划分

① 原始类型

number		数值类型
string		字符串类型
boolean		布尔类型
null		空类型
undefined	未定义类型

② 对象类型

array		数组类型
function	函数类型
object		对象类型
...

4.2 判断数据的类型

tyepof();

注意： 使用 typeof() 判断 null 类型的数据，得到的结果是 object！

4.3 number 数值类型

① 整型

121;
010;  	/* 八进制表示法 */
0xab8;	/* 十六进制表示法 */

② 浮点型

123.23;
100.0

注意： 浮点数的运算存在精度问题！

③ 科学计数法

5e3;
4.56e29

④ NaN

NaN 意为 “Not A Number”，是 number 类型的数据，其他类型的数据在转为 number 类型的时候，如果无法转换成有效数字，就会转换为 NaN。

NaN 的特点：

1. NaN 与任何数字进行任何运算，结果仍然是 NaN。
2. NaN 与任何数都不相等，包括自己。

isNaN() 函数：

1. 该函数用来判断一个数据是不是 NaN
2. 如果数据是NaN，函数的返回值是 true； 如果数据不是 NaN，函数的返回值是 false

⑤ JavaScript 中数字的有效范围

1. JS 能表示的数字的有效范围是 -5e324 ~ 1.7976931348623157e308。
2. 如果数字超出有效范围，用 Infinity 或者 -Infinity 来表示。
3. 函数 isFinite() 可以判断一个数字是否是有效数字，有效数字返回值true，无效数字返回值false
   无效数字：NaN Infinity -Infinity

4.4 string 字符串类型

① 字符串的表示方式

1. 定义字符串使用单引号或者双引号，字符串内容写在引号里面
2. 单引号与双引号没有任何区别
3. 单引号定义的字符串，内容中不能直接写单引号；双引号定义的字符串，内容中不能直接写双引号。

② 转义字符

\n		换行
\\		\
\'		单引号
\"		双引号
\uXXXX  4个十六进制表示的unicode编码

4.5 boolean 布尔类型

true		表示是、正确、成功
false		表示否、错误、失败

4.6 null 和 undefined

null		表示空的，不存在的
underline 	表示的未定义的