JavaScript 基础学习笔记

傻子原创2021年6月21日
大约 6 分钟

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 表示

运算符

运算符说明举例
+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)
    {
        ....
    }
    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悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQopen in new window

方法二:微信:Jiabcdefh