欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-05 15:35:49
【声明】在“随笔”模块,只是知识点,但是在“文章”模块(https://www.cnblogs.com/Robot-DX3906/articles/10579584.html)里面,有更多内容。 2019年3月20日第3小节课 (2502教室) 内容: 1. JS数据类型 2. 变量名的命名规则 3 ......

【声明】在“随笔”模块,只是知识点,但是在“文章”模块(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”软件了,

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