【声明】在“随笔”模块，只是知识点，但是在“文章”模块（https://www.cnblogs.com/Robot-DX3906/articles/10579584.html）里面，有更多内容。

2019年3月20日第3小节课

（2502教室）

内容：

1. JS数据类型

2. 变量名的命名规则

3. 变量的声明与赋值

4. JavaScript注释

/*文件来源：（我们学校的“共享型专业教学资源库云综合平台”）/信息工程学院/计算机应用技术（数据服务与软件开发实验班）/动态脚本语言/万青/PPT/第9章/ “02 JavaScript语言基础.ppt”*/

从最基础的开始复习JS

零、了解JavaScript

1. 什么是JavaScript

JavaScript是由Netscape Communication Corporation（网景公司）开发的，是一种基于对象和事件驱动并具有安全性能的解释型脚本语言。它不但可用于编写客户端的脚本程序，由Web浏览器解释执行，而且还可以编写在服务器端执行的脚本程序，在服务器端处理用户提交的信息并动态地向浏览器返回处理结果。

2. JavaScript的功能

（1） 简述：

JavaScript是比较流行的一种制作网页特效的脚本语言，它由客户端浏览器解释执行，可以应用在PHP、ASP、JSP和ASP.NET网站中，同时目前比较热门的Ajax就是以JavaScript为基础，由此可见，熟练掌握并应用JavaScript对于网站开发人员非常重要

JavaScript主要应用于以下几个方面：

在网页中加入JavaScript脚本代码，可以使网页具有动态交互的功能，便于网站与用户间的沟通，及时响应用户的操作，对提交的表单做即时检查，如验证表单元素是否为空，验证表单元素是否是数值型、检测表单元素是否输入错误等。

（2） 用途：

应用JavaScript脚本制作网页特效，如动态的菜单、浮动的广告等，为页面增添绚丽的动态效果，使网页内容更加丰富、活泼。

应用JavaScript脚本建立复杂的网页内容，如打开新窗口载入网页。

应用JavaScript脚本可以对用户的不同事件产生不同的响应。

应用JavaScript制作各种各样的图片、文字、鼠标、动画和页面的效果

应用JavaScript制作一些小游戏。

一、 JS数据类型，有六种

一是“字符串”，标志是用英文引号括起来的字符。

二是“数值型”，有整数和浮点数。

三是“布尔型”，用于判断

四是“对象型”，用于指定JavaScript程序中用到的对象（new、object……），标志是一个大括号括起来的键值对。

五是“Null值”，用于清除变量的值

六是“Undefined”，表示某个变量未赋值。

二、 JavaScript变量

变量是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作提供存放信息的容器。在使用变量前，必须明确变量的命名规则、变量的声明方法及变量的作用域。

1. 变量名的命名规则

（1） 以字母或者是下划线开头，可以有字母和数字，但是，不支持中文！

（2） 不能包含空格和加、减等符号

（3） 区分大小写，对大小写敏感

（4） 避免使用JavaScript关键字

2. 变量的声明与赋值

在JavaScript中，一般使用变量前需要先声明变量，但有时变量可以不必先声明，在使用时根据变量的实际作用来确定其所属的数据类型。所有的JavaScript变量都由关键字var声明。

从规范的角度来讲，应该先定义，后使用

语法如下：

var variable;

在声明变量的同时也可以对变量进行赋值：

var variable=11;

声明变量时所遵循的规则如下：

可以使用一个关键字var同时声明多个变量，例如：

var i,j;

可以在声明变量的同时对其赋值，即为初始化，例如：

var i=1;j=100;

如果只是声明了变量，并未对其赋值，则其值默认为undefined

三、 JavaScript基础

1. 注释

在JavaScript中，采用的注释方法有两种：

（1）单行注释

单行注释使用“双斜杠”（//）进行标识。“双斜杠”（//）符号后面的文字都不被程序解释执行。例如：

//这里是程序代码的注释

（2）多行注释

多行注释使用“斜杠”和“星号”的组合（/*…*/）进行标识。“/*…*/”符号后面的文字不被程序解释执行。例如：

/*

这里是多行程序注释

*/

（3）对HTML注释开始部分的识别<!--

JavaScript还能识别HTML注释的开始部分“<!--”，JavaScript会将其看作单行注释结束，如使用“//”一样。但JavaScript不能识别HTML注释的结尾部分“-->”。

2. 条件语句

条件控制语句主要包括两种：一种是if条件语句，另一种是switch多分支语句。

在JavaScript中，可以使用单一的if条件语句，也可以使用两个或者多重选择的if条件语句。

（1） if条件语句

if语句是最基本、最常用的条件控制语句。通过判断条件表达式的值为true或者false，来确定是否执行某一条语句。

语法格式如下：语句块

if(条件表达式)

{

语句块

}

在if语句中，只有当条件表达式的值为true时，才会执行“语句块”中的语句，否则将跳过语句块，执行其他程序语句。其中，大括号“{}”的作用是将多条语句组成一个语句块，作为一个整体进行处理。如果语句块中只有一条语句，也可以省略大括号。一般情况下，建议不要省略大括号，以免出现程序错误。

2019年3月21日第1小节课

（1203教室）

（在历史上，曾经有浏览器不支持JavaScript，但是2019年不存在这种浏览器，现在是可以单独写一个“.js”后缀的脚本文件，要使用的时候，只需要引用就行了。）

<html>

<!--

<script language="javascript">

alert(new Date());/*alret的作用，是在网页中弹出对话框*/

</script>

-->

<a href="javascript:alert(new Date());">使用javascript脚本，弹出当前时刻</a>

</html>

JavaScript的前身，叫做“LiveScript”，是一种基于对象（Object）和事件驱动（Event Driven）、有安全性的脚本语言。JS代码，会作为HTML代码的一部分，由浏览器解析、执行，因此，可以直接打开HTML文件来编辑和修改JS代码

2019年3月21日第5小节课

（2319教室）

四、运算符

1. 算术运算符

（1） “+”（加法运算符/正值运算符），也可以用于连接字符串

（2） “-”（减法运算符/负值运算符）

（3） “*”（乘法运算符）

（4） “/”（除法）

（5） “%”（求模运算符），说白了就是“求余”

（6） “++”，将变量的值加一后，再将结果赋值给这个变量。

（7） “--”，将变量的值减一后，再将结果赋值给这个变量。

2. 赋值运算符

（1） “=”（将一个值或者表达式的结果赋值给变量）

（2） “+=”（将变量与所赋的值相加后的结果，赋值给变量）

（3） “-=”（将变量与所赋的值相减后的结果，赋值给变量）

（4） “*=”（将变量与所赋的值相乘后的结果，赋值给变量）

（5） “/=”（将变量与所赋的值相除后的结果，赋值给变量）

（6） “%=”（将变量与所赋的值求模后的结果，赋值给变量）

3. 比较运算符

（1） “>”（当左边的操作数大于右边的操作数时，返回true，否则返回false）

（2） “<”（当左边的操作数大于右边的操作数时，返回true，否则返回false）

（3） “>=”（当左边的操作数大于右边的操作数时，返回true，否则返回false）

（4） “<=”（当左边的操作数大于右边的操作数时，返回true，否则返回false）

（5） “==”（等于——两侧相等，返回true，否则返回false）

（6） “!=”（不等于——两侧不等，返回true，否则返回false）

4. 逻辑运算符

（1） “&&”（逻辑与，相等为true，不等为false）

（2） “||”（逻辑或，相等为false不等为true）

（3） “!”（逻辑非，取二进制的相反值）

【注意】以上四类运算符有不同的“优先级”！

（这个不要记）

5. 位运算符（忽略）

2019年3月21日第6小节课

（2319教室）

本节课的内容：if语句嵌套，建议使用大括号，避免产生歧义。

注意事项（关于if-else语句）：当有花括号时，只能在同一层面进行配对；若无花括号，则遵循“就近配对原则”。

2019年3月22日第3小节课

（2120教室）

五、 循环语句

1. switch选择语句

switch（表达式）

{

case 取值1：

语句块1；

break;

case 取值2：

语句块2；

break;

.

.

.

case 取值n：

语句块n；

break;

default：

语句块n+1；

break;

}

【举个例子】

<script language="javascript">

      var x = 2;

      switch(x)

      {

           case 1:

           alert("Monday");

           break;

 

           case 2:

           alert("Tuesday");

           break;

 

           case 3:

           alert("Wednesday");

           break;

 

           case 4:

           alert("Friday");

           break;

 

           default:

           alert("休息日");

           break;

      }

</script>

2. while循环语句

——前测试当型循环，先判断，后执行

while(条件表达式语句)

{

执行语句块

}

【举个例子】

var x = 1;/*JavaScript语言中，没有“int”*/

      while(x < 3)/*这行的末尾，不能加分号，否则将陷入“死循环”*/

      {

           alert("x = " + x)

           x ++;

      }

3. do while

——后测试当型循环，先执行、后判断

do

{

执行语句块

}

while(条件表达式语句)

【举个例子】

var x = 3;

      while(x == 0)

      {

           alert("OK1")

           x ++;

      }

 

      var y = 3;

      do

      {

           alert("OK2")

           y ++;

      }

4. for循环语句

——括号里面有三句话

（1） 初始语句，循环的初始条件

（2） 这句话不能为空，否则需要在循环体中加入break语句，强制退出；

（3） 结束

for(初始化表达式；循环条件表达式；循环后的操作表达式)

{

执行语句块

}

2018-2019-2学期，教学周，第5周的内容更新完了，

好了，我去吃午饭了，然后下午午休起来就继续研究“Unity”软件了，

然后，看看抽空转发到百度贴吧去涨点经验值（手动滑稽）

【课堂笔记精选】为了能够用“Unity”软件做游戏，我要从最基础的开始复习JavaScript的更多相关文章

  1. Unity3D学习笔记（一）：Unity简介、游戏物体、组件和生命周期函数

    Project(工程.项目):工程是把游戏开发当前所需要的资源归类管理用的. Console控制台:日志.报错.调试,右上角,消息过滤 Assets:资源,存储游戏中一切用到的资源 Library:临 ...

  2. ocp11g培训内部教材_052课堂笔记(042)_体系架构

    OCP 052 课堂笔记 目录 第一部分: Oracle体系架构... 4 第一章:实例与数据库... 4 1.Oracle 网络架构及应用环境... 4 2.Oracle 体系结构... 4 3. ...

  3. 线程（java课堂笔记）

    1.两种方式的差异 2.线程的生命周期 3.线程控制(线程的方法) 4.线程同步 5.线程同步锁 一. 两种方式的差异 A extends Thread :简单 不能再继承其他类了(Java单继承)同 ...

  4. FPGA_VHDL 学习课堂笔记001

    FPGA_VHDL 学习课堂笔记   记录说明:本文档主要记录大学期间,老师FPGA授课课堂笔记. 代码语言:VHDL 编程软件:MAX+plus II FPGA硬件:FLE-843   03月05日 ...

  5. Java基础进阶:多态与接口重点摘要,类和接口,接口特点,接口详解,多态详解,多态中的成员访问特点,多态的好处和弊端,多态的转型,多态存在的问题,附重难点,代码实现源码,课堂笔记,课后扩展及答案

    多态与接口重点摘要 接口特点: 接口用interface修饰 interface 接口名{} 类实现接口用implements表示 class 类名 implements接口名{} 接口不能实例化,可 ...

  6. OD调试学习笔记7—去除未注册版软件的使用次数限制

    OD调试学习笔记7—去除未注册版软件的使用次数限制 本节使用的软件链接 (想自己试验下的可以下载) 一:破解的思路 仔细观察一个程序,我们会发现,无论在怎么加密,无论加密哪里,这个程序加密的目的就是需 ...

  7. 九章算法系列（#3 Binary Tree & Divide Conquer）-课堂笔记

    前言 第一天的算法都还没有缓过来,直接就进入了第二天的算法学习.前一天一直在整理Binary Search的笔记,也没有提前预习一下,好在Binary Tree算是自己最熟的地方了吧(LeetCode ...

  8. 九章算法系列（#5 Linked List）-课堂笔记

    前言 又是很长时间才回来发一篇博客,前一个月确实因为杂七杂八的事情影响了很多,现在还是到了大火燃眉毛的时候了,也应该开始继续整理一下算法的思路了.Linked List大家应该是特别熟悉不过的了,因为 ...

  9. 九章算法系列（#4 Dynamic Programming）-课堂笔记

    前言 时隔这么久才发了这篇早在三周前就应该发出来的课堂笔记,由于懒癌犯了,加上各种原因,实在是应该反思.好多课堂上老师说的重要的东西可能细节上有一些急记不住了,但是幸好做了一些笔记,还能够让自己回想起 ...

随机推荐

  1. DRF之注册响应分页组件

    注册器 注册器的作用就是以后我们不用自己手动的一条条的敲路径了,它可以帮助哦们直接去找对应的路由,不用传参了,知道这一点就可以了,不多说还是,上代码实例 第一步:导入模块from django.url ...

  2. Ubuntu瞎胡搞

    ubutnu的几个必不可少的软件: 1.Guake,超级方便的终端 2.Unity tweak tool 3.VLC,本地视频播放器 4.MyPint,简单画图软件 5.GIMP,PS工具 Subli ...

  3. java学习第十五天

    1:对象数组(掌握) (1)数组既可以存储基本数据类型,也可以存储引用类型.它存储引用类型的时候的数组就叫对象数组. (2)案例: 用数组存储5个学生对象,并遍历数组. 2:集合(Collection ...

  4. genymotion安装及使用出现的问题

    此处总结genymotion出现的问题. 1)安装好genymotion后,新建一个模拟器.去下载的时候报错 Unable to create Virtual Device: Connection t ...

  5. 利用COM组件实现对WORD书签处写入值

    using System; using System.Collections.Generic; using System.Text; using Microsoft.Office.Interop.Wo ...

  6. jquery日期插件jquery.datePicker参数

    1.效果图 2.引入JS.CSS文件 jquery-ui.min.css和jquery-ui.min.js文件 Includes: core.js, widget.js, mouse.js, posi ...

  7. 随机练习：C#实现维吉尼亚加密与解密（解密前提为已知密匙）

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...

  8. logback.xml日志文件过滤器配置简析

    自定义过滤器 java代码,目的是在mdc中放值,然后在日志中打印 package com.controller; import com.pojo.JsonData; import org.slf4j ...

  9. vue ------ 安装和引入

    Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入.: http://vuejs.org/js/vue.min.js 以下推荐国外比较稳定的两个 CDN ...

  10. 根据tomcat日志查找想要的错误日志

    1.首先要记得程序报的错误信息 我的错误信息是[2015接收的参数中有空值],对应程序中的返回值是2015 以及出现错误信息的大致时间,我的大概是吃过午饭后,12:40-13:20之间 2.先去log ...