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

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

【课堂笔记精选】为了能够用“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. 当前activity透明度的获取与修改

    WindowManager.LayoutParams lp = getWindow().getAttributes();//layoutparams是静态类不能通过new来完成. lp.alpha = ...

  2. axios处理http请求

    axios中文文档 https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format  axios文档 ...

  3. Oozie安装部署

    不多说,直接上干货! 首先,大家先去看我这篇博客.对于Oozie的安装有一个全新的认识. Oozie安装的说明 我这里呢,本篇博文定位于手动来安装Oozie,同时避免Apache版本的繁琐编译安装,直 ...

  4. 安装weblogic步骤

    1 mkdir -p /home/geekc3t/weblogic 创建weblogic安装目录2 groupadd weblogic 创建weblogic组3 useradd -g weblogic ...

  5. c++ 面试整理

    1. 继承方式 public    父类的访问级别不变 protected    父类的public成员在派生类编程protected,其余的不变 private        父类的所有成员变成pr ...

  6. HDU 5335——Walk Out——————【贪心】

    Walk Out Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Su ...

  7. c++隐式类型转换和explicit

    什么是隐式转换? 众所周知,C++的基本类型中并非完全的对立,部分数据类型之间是可以进行隐式转换的. 所谓隐式转换,是指不需要用户干预,编译器私下进行的类型转换行为.很多时候用户可能都不知道进行了哪些 ...

  8. pop3密码嗅探

    成品与代码可在 https://pan.baidu.com/s/1MPfU2T_6YN6mgxUL0wrZxw 下载 来说下pop协议, 英文版,https://tools.ietf.org/html ...

  9. Devexpress Xtrareport 并排报表

    什么是并排报表呢? 按照我个人理解:并排报表是把两张或者两张以上的报表,放在一个报表页面. 注:为了方便,本示例使用同一个数据源,但是您可以使用相同的方法,而在一个报表文档中显示两个完全不同的 (使用 ...

  10. knockout更新列表中的某条数据,knockout.js绑定数组时更新其中一条数据

    knockout是一款前端实现MVVM的JS框架,仅knockout.js一个47kb的文件,相当实用,做前端无刷新页面,快速实现JS与HTML数据交互. knockout目前最新版:knockout ...