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

喜欢而已 提交于 2020-05-07 20:10:13

【声明】在“随笔”模块,只是知识点,但是在“文章”模块(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是比较流行的一种制作网页特效的脚本语言,它由客户端浏览器解释执行,可以应用在PHPASPJSPASP.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多行注释

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

/*

这里是多行程序注释

*/

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

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”软件了,

然后,看看抽空转发到百度贴吧去涨点经验值(手动滑稽)

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!