JavaScript 基础学习笔记

JavaScript 简介

HTML 控制网页的结构，CSS 控制网页的外观，JavaScript 控制网页的行为

Java 与 JavaScript 的区别
JavaScript 往往在网页中使用，而 Java 却在软件、网页、手机 $App$ 等各个领域中使用
Java 是一门面向对象的语言，而 JavaScript 更像是一门函数式编程语言

外部 JavaScript

在实际开发中，为了提升网站的性能和可维护性，一般使用外部 JavaScript

<script src = "文件路径"></script>

内部 JavaScript

内部 JavaScript：把 HTML 代码和JavaScript 代码放在同一个文件中

<script type="text/javascript"> </script>
<script></script>  /* 等价 */

元素属性 JavaScript

元素属性 JavaScript：指的是在元素的 “事件属性” 中直接编写 JavaScript 或调用函数
document.write()：在页面输出一个内容
alert()：弹出一个对话框

语法基础

变量

JavaScript 命名规则：
变量由 字母、下划线、$ 或 数字 组成，并且第一个字母必须是字母、下划线 或 $
变量不能是系统 关键字 和 保留字

JavaScript 关键字
break、else、new、typeof、case、false、null、var、catch、for、switch、void、continue、function、this、while、default、if、throw、with、delete、in、true、do、instanceof、try

ECMA-262 标准的保留字
abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、package、throws、const、goto、private、transient、debugger、implements、protected、volatile、double、import、public

浏览器定义的保留字
alert、eval、location、open、array、focus、math、outerHeight、blur、funtion、name、parent、boolean、history、navigator、parseFloat、date、image、number、regExp、document、isNaN、object、status、escape、length、onLoad、string

var 变量名 = 值;

常量

常量：不能改变的量；一般常量名全部大写

数据类型

基本数据类型： 数字、字符串、布尔值、未定义值、空值
引用数据类型： 数组、对象
JavaScript 中，所有变量都是用 var 声明

数字

数字是基本的数据类型，即数学上的数字，不分整型和浮点型

字符串

单引号括起来的一个或多个字符
双引号括起来的一个或多个字符
单引号括起来的字符串中可以包含双引号
双引号括起来的字符串中可以包含单引号
字符串不能进行加减乘除

布尔值

数字和字符串这两种类型的值可以有无数多个，但是布尔类型的值只有 true 和 false

未定义值

未定义值是用 var 声明的变量，但是并没有对这个变量进行赋值，未定义值就是 undefined

空值

数字、字符串等数据在定义的时候，系统都会分配一定的内存空间，空值用 null 表示

运算符

算术运算符

运算符	说明	举例
+	加	10+5 返回15
-	减	10-5 返回5
*	乘	10*5 返回50
/	除	10/5 返回2
%	求余	10%4 返回 2
++	自增	var i = 10; i++ 返回 11
–	自减	var i = 10; i–; 返回 9
JavaScript 中加法运算
**数字 + 数字 = 数字
字符串 + 字符串 = 字符串
字符串 + 数字 = 字符串**

赋值运算符

运算符	举例
=	var str = “JavaScript”
+=	var a += b 等价于 var a = a + b;
-=	var a -= b 等价于 var a = a - b;
*=	var a *= b 等价于 var a = a * b;
/=	var a /= b 等价于 var a = a/b;

比较运算符

运算符	说明
>	大于
<	小于
>=	大于等于
<=	小于等于
==	等于
!=	不等于

逻辑运算符

运算符	说明
&&	与运算
||	或运算
!	非运算

条件运算符

var a = 条件 ? 表达式1 : 表达式2;

表达式与语句

一个表达式包含 操作数 和 操作符 两部分

类型转换

JavaScript 类型转换包括 隐式类型转换 和 显式类型转换

字符串转换为数字

Number()：将数字型字符串转换为数字
parseInt() 和 parseFloat()：提取首字母为数字的任意字符串中的数字

数字转化为字符串

JavaScript 中，将数字转化为字符串的两种方式 与空字符串相加 和 toString()

转义字符

转义字符	说明
\’	英文单引号
\‘’	英文双引号
\n	换行符
document.write() 中换行，则应该用 <br/>
alert() 中换行用，则应该用 \n

注释

单行注释

// 单行注释
/* 多行注释 */

流程控制

顺序结构

JavaScript 按照代码从上到下、从左到右的顺序执行

选择结构

if

if(条件)  // 条件为真,执行 {}
{
   
   
    ....
}

if … else …

if(条件) // 条件为真执行 { }, 否则执行 else 部分
{
   
   
    ....
}
else
{
   
   
    ....
}

if 嵌套及多向选择

if 多项选择

if(条件1)
{
   
   
    ....
}
else if(条件2)
{
   
   
    ....
}
else
{
   
   
    ....
}

if嵌套

if(条件1)
{
   
   
    if(条件2)
    {
   
   
        ....
    }
    else
    {
   
   
        ....
    }
}
else
{
   
   
    if(条件2)