JavaScript 基础学习笔记

JavaScript 简介

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

Java 与 JavaScript 的区别

JavaScript 往往在网页中使用，而 Java 却在软件、网页、手机 A p p App 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 表示

运算符

JavaScript 中加法运算
数字 + 数字 = 数字
字符串 + 字符串 = 字符串
字符串 + 数字 = 字符串

赋值运算符

比较运算符

逻辑运算符

条件运算符

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

表达式与语句

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

类型转换

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

字符串转换为数字

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

数字转化为字符串

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

转义字符

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)
    {
        ....
    }
    else
    {
        ....
    }
}

switch 语句

switch(判断值)
{
    case 取值1:
        语块1; break;
    case 取值2:
        语块2; break;
    ......
    case 取值n:
        语句块n; break;
    default:
        语句块n+1;
}

循环结构

while

while(条件)
{
    // 当条件为 true,循环执行
}

do … while

do
{
    ....
}while(条件);

for

for(初始化表达式; 条件表达式; 循环后操作)
{
    ....
}

函数

函数定义

没有返回值的函数

function 函数名(参数1, 参数2, ..., 参数n)
{
    ....
}

有返回值的函数

function 函数名(参数1, 参数2, ..., 参数n)
{
   ....
   return 返回值;
}

全局变量与局部变量

全局变量： 主程序中定义，从定义开始，一直到整个程序结束为止
局部变量： 一般在函数中定义，函数之中可以使用，函数之外不能使用

函数调用

直接调用

一般用于没有返回值的函数

函数名(实参1, 实参2, ..., 实参n)

在表达式中调用

一般用于有返回值的函数

超链接中调用

在超链接中调用，指的是在 a 元素的 href 属性中使用 javascript:函数名 的形式调用函数。当用户点击超链接时，就会调用该函数

欢迎关注我公众号：AI悦创，有更多更好玩的等你发现！

公众号：AI悦创【二维码】