【声明】在“随笔”模块,只是知识点,但是在“文章”模块(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. python3+Appium自动化12-H5元素定位环境搭建

    前言 在混合开发的App中,经常会有内嵌的H5页面.那么这些H5页面元素该如何进行定位操作呢? 针对这种场景直接使用前面所讲的方法来进行定位是行不通的,因为前面的都是基于Andriod原生控件进行元素 ...

  2. 牛客网Java刷题知识点之字符流缓冲区、BufferedWriter、BufferedReader、BufferedReader-readLine方法原理、自定义MyBufferedReader-read方法、自定义MyBufferedReader-readLine方法

    不多说,直接上干货! 把提高效率的动作,封装成一个对象.即把缓冲区封装成一个对象. 就是在一个类里封装一个数组,能对流锁操作数据进行缓存. 什么是字符流缓冲区? 善于使用字符流缓冲区,减轻负担,提高下 ...

  3. git跟svn 服务端对比

    Git已经火了很久,简单的使用也没有问题,但有几个问题一直以来都没有搞清楚:git跟svn有哪些异同,两者相互的优劣是什么,git的分布式怎么理解,为什么有离线提交,,,自己动手,分别看一下服务端跟客 ...

  4. 关于微信小程序登录授权

    小程序的API接口文档写的很清晰,现在理一遍思路. 前端通过wx.login()获取code ,把code发给后台,后台返回openid,再获取用户的授权信息(这里先判断是否授权,授权过的就直接进入小 ...

  5. hdu 4044 树形DP 炮台打怪 (好题)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4044 题目大意:给定n个节点组成的树,1为敌方基地,叶子结点为我方结点.我们可以在每个结点安放炮台,至 ...

  6. JavaScript 对象继承 OOP (三)

      对象继承 A 对象通过继承 B 对象,就能直接拥有 B 对象的所有属性和方法.这对于代码的复用是非常有用的. JavaScript 语言的继承不通过 class (es6 中的class 不过是 ...

  7. easyui datagrid 动态加载数据 渲染问题,表格错位问题

    $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {fie ...

  8. adb使用wifi无线连接调试Android设备

    先上官方原文: Wireless usage adb is usually used over USB. However, it is also possible to use over Wi-Fi, ...

  9. ansible使用9-Playbooks: Special Topics

    Accelerated Mode port 5099 持续连接30min --- - hosts: all accelerate: true tasks: - name: some task comm ...

  10. php的yii框架开发总结3

    利用yii里面的gii工具可以很容易的自动创建数据表相应的的CURD操作的基于MVC的文件: 首先,打开:自己网站/protected/config/main.php文件 'modules'=> ...