网页前端第五次学习JavaScript笔记

JavaScript的基本使用

1. JS的三种使用方式

• 1.行内JS
  \qquad\qquad 在HTML标签上直接写Js代码

• 2.内部JS
  \qquad\qquad 在script标签中写JS代码，script标签可以放在head或body中（建议放在body标签最后）

• 3.外部JS
  \qquad\qquad 定义JS文件，通过script标签的src属性引入对应的JS文件

<!-- 行内JS -->
		<button onclick="alert('hello world!')">按钮</button>
		<!-- 内部JS -->
		<script type="text/javascript">
		// alert('这是一个按钮')
		</script>
		
		<!-- 外部JS -->
		<script src="js/test.js" type="text/javascript" charset="UTF-8"></script>

2.JS的基本用法

语句：

1. 1.JS代码一行为单位，代码从上往下执行，一行一条语句。
2. 2.语句不加分号结尾，如果一行定义多条语句，每条语句只会必须以分号结尾（建议都加分号）
3. 3.表达式不需要以分号结尾，如果加了分号则javas引擎会当作语句执行，生成无用的语句

注释：

\qquad\qquad JS代码注释
\qquad\qquad \qquad\qquad //单行
\qquad\qquad \qquad\qquad /* 多行*/

标识符：

规则

1. 由Unicode字母、_、$、数字、中文组成
2. 不能以数字开头
3. 不能是关键字和保留字
4. 严格区分大小写
   规范<
5. 见名知意
6. 驼峰命名或下划线规则

3.变量

JS是一种弱类型语言，在声明变量时不需要指明数据类型，直接用var修饰符进行声明
\qquad\qquad 注：也可以不使用var修饰符，直接声明并赋值。
\qquad\qquad 注意:变量提升只对var命令声明的变量有效，如果变量不是用: var 命令声明的，就不会发生变量提升

变量的声明

\qquad\qquad 1.先声明再赋值
\qquad\qquad 2.声明并赋值

变量的注意点

\qquad\qquad 1.如果变量只声明为赋值，则显示undefinded
\qquad\qquad 2.如果变量未声明就使用，则会报错
\qquad\qquad 3.可以使用var同时声明多个变量
\qquad\qquad 4.如果重新声明一个已存在的变量，是无效
\qquad\qquad 5.如果重新声明一个已存在的变量并赋值，则会覆盖
\qquad\qquad 6.JS是一种动态的，弱类型语言，可以声明任意数据类型的变量

变量名提升

JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。
这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。

4.数据类型

undefined

\qquad\qquad 值不存在
\qquad\qquad 出现情况：
\qquad\qquad \qquad\qquad 1.变量只声明没赋值，值为undefined
\qquad\qquad \qquad\qquad 2.当定义函数需要形参，调用函数未传递实参时，参数值为undefined
\qquad\qquad \qquad\qquad 3.当函数没有返回值，接受值为undefined

布尔类型

\qquad\qquad true和false

null类型

\qquad\qquad 表示空值
\qquad\qquad 注意点：
\qquad\qquad \qquad\qquad 1. 使用typeof操作测试符null返回object字符串。typeof操作符，判断变量的类型
\qquad\qquad \qquad\qquad 2. undefined派生自null，所以等值比较返回值是true。未初始化的变量和赋值为null

数值型

\qquad\qquad 整形和浮点型

字符串

\qquad\qquad 1.单引号或双引号引起来
\qquad\qquad 2.可用加号拼接

对象类型

\qquad\qquad 数组：
\qquad\qquad \qquad\qquad var 数组名 = []
\qquad\qquad 对象：
\qquad\qquad \qquad\qquad var 对姓名 = {}
\qquad\qquad 函数：
\qquad\qquad \qquad\qquad function 方法名() {}

5.类型转换

1.自动转换

1. 所有的值转字符串都是加引号
2. 转布尔：有值未true无值为false
3. 转数值型：空值是0，非空的数值型字符串都能转换，非数值字符串转换为NaN

2.函数转换

parseInt() 转整数型
parseFloat() 转浮点型
\qquad\qquad 注：转换时会从值的第零个位置开始找有效数字，直到找到无效数字为止。parseFloat转换时会比parseInt多转换一个小数点

3.显示转换

toString() 将值转换成字符串
toFixed() 保留指定小数位，四舍五入
\qquad\qquad 注：值不能为null

4.JS为Number\Boolean\String对象提供了构造方法，用于强制转换数据类型，转换的是值的全部，不是部分

\qquad\qquad 注：可以转换 null