《javascript》——JavaScript基本语法

《JavaScript》——JavaScript基本语法

一、教学标准（讲授本知识点需要达到的深度，也是

学生学习本知识点需要达到的深度）

1）了解JavaScript的书写规范

2）掌握JavaScript的数据类型

3）掌握JavaScript运算符与表达式

二、使用的讲授方法（打算采用什么方法讲授，以便让学生想的透、记得牢、用的好，最好过目不忘）

JavaScript 运算符与表达式定义这个知识点，我打算先采用举例说明教学法、4W1H教学法、对比教学法,课程提问法、反问法。

一、详细讲授思路（描述本知识点讲授过程的整体安

排，主要讲构思）

对于变量的理解不太好，要深刻理解变量的含义。那是什么是变量，变量在程序中起到了那些作用呢？变量的数据类型又有那些呢？先设问一下，其实同学在学这门课程之前，他们已经学了其它课程了，对于变是他们已经很不陌生了，现在旧话重提了，那么变量是什么呢？变量好比只能放一个物体的抽屉，放了第二个物体就必须把第一个先拿出来。那么尤其注意变量在JS中跟其它课程中的定义及其应用有那什么区别呢？下面我们具体来看一下：

1、大小写敏感

HTML标签不区分大小写。

JavaScript语法区分大小写。

2、注释

JavaScript 注释有两种：单行注释和多行注释。单行注释用双反斜杠“//”表示。当一行代码有“//”，那么，“//”后面的部分将被忽略。而多行注释是用“/*”和“*/”括起来的一行到多行文字。程序执行到“/*”处，将忽略以后的所有文字，直到出现“*/”为止。

3、语句行

每一句 JavaScript 都有类似于以下的格式：

<语句>;

其中分号“;”是 JavaScript 语言作为一个语句结束的标识符。虽然现在很多浏览器都允许用回车充当结束符号，培养用分号作结束的习惯仍然是很好的。

语句块是用大括号“{ }”括起来的一个或 n 个语句。在大括号里边是几个语句，但是在大括号外边，语句块是被当作一个语句的。语句块是可以嵌套的，也就是说，一个语句块里边可以再包含一个或多个语句块。

4、变量定义

（1）变量声明

JavaScript中的变量命名同其它语言非常相似，这里要注意以下几点：

1. 必须是一个有效的变量，即变量以字母开头，中间可以出现数字，如test1等。除下划线作为连字符外，变量名称不能有空格、+ 或其它符号。

2. 不能使用JavaScript中的关键字作为变量。在JavaScript中定义了40多个关键字，这些关键字是JavaScript内部使用的，不能作为变量的名称。如var，int，double，true等。

3.在对变量命名时，最好把变量的意义与其代表的意思对应起来，能见名知义。

变量在脚本中的第一次出现是在声明中。变量在第一次用到时就设置于内存中，便于后来在脚本中引用。使用变量之前先进行声明。可以使用var 关键字来进行变量声明。

var count; // 单个声明。

var count, amount, level; // 用单个var 关键字声明的多个声明。

var count = 0, amount = 100; // 一条语句中的变量声明和初始化。

如果在var 语句中没有初始化变量，变量自动取JavaScript 值undefined。尽管并不安全，但声明语句中忽略var 关键字是合法的JavaScript 语法。这时，JavaScript 解释器给予变量全局范围的可见度。当在过程级中声明一个变量时，它不能用于全局范围；这种情况下，变量声明必须用var 关键字。

(2) 变量命名：

变量名称是一个标识符。JavaScript 中，用标识符来：命名变量，命名函数，给出循环的标签。

JavaScript 是一种区分大小写的语言。变量的名称可以是任意长度。创建合法的变量名称应遵循如下规则：

第一个字符必须是一个ASCII 字母（大小写均可），或一个下划线(_)。注意第一个字符不能是数字。后续的字符必须是字母、数字或下划线。变量名称一定不能是保留字。

下面给出合法变量名称的一些示例：

_pagecount ,Part9, Number_Items

下面给出无效变量名称的一些示例：

99Balloons // 不能以数字开头。

Smith&Wesson // “与”符号（&）字符用于变量名称是无效的。

当要声明一个变量并进行初始化，但又不想指定任何特殊值，可以赋值为JavaScript 值null。下面给出示例。

var bestAge = null;

var muchTooOld = 3 * bestAge; // muchTooOld 的值为0。

如果声明了一个变量但没有对其赋值，该变量存在，其值为未定义的JavaScript 值。下面给出示例。

var currentCount;

var finalCount = 1 * currentCount; // finalCount 的值为NaN，因为currentCount 为undefined

注意：在JavaScript 中null 和undefined 的主要区别是null 的操作象数字0，而undefined 的操作象特殊值NaN （不是一个数字）。对null 值和undefined 值作比较总是相等的。可以不用var 关键字声明变量，并赋值。这就是隐式声明。

noStringAtAll = ""; // 隐式声明变量noStringAtAll。

不能使用未经过声明的变量。

var volume = length * width; // 错误—length 和width 并不存在。

5、变量类型（使用typeof运算符检测变量类型）

JavaScript 有三种主要数据类型、两种复合数据类型和两种特殊数据类型。

(1) 主要（基本）数据类型是：

字符串、数值与布尔

(2) 复合（引用）数据类型是：

对象与数组

(3) 特殊数据类型是：

Null与Undefined

(4) 字符串数据类型

一个字符串值是排在一起的一串零或零以上的Unicode 字符（字母、数字和标点符号）。字符串数据类型用来表示JavaScript 中的文本。脚本中可以包含字符串文字，这些字符串文字放在一对匹配的的单引号或双引号中。字符串中可以包含双引号，该双引号两边需加单引号，也可以包含单引号，该单引号两边需加双引号。下面是字符串的示例：

"Happy am I; from care I’m free!"

'"Avast, ye lubbers!" roared the technician.'

"42"

'c'

注意：JavaScript 中没有表示单个字符的类型。要表示JavaScript 中的单个字符，应创建一个只包含一个字符的字符串。包含零个字符（""）的字符串是空（零长度）字符串。

(5) 数值数据类型:

在JavaScript 中整数和浮点值没有差别；JavaScript 数值可以是其中任意一种（JavaScript 内部将所有的数值表示为浮点值）。

主要数据类型如下：

1. 字符串型（string）

是JavaScript中用来表示本文的数据类型，通常用单引号或双引

号括起来，若包括特殊字符，可以使用转义字符来代替。

2. 数值型（number）

在JavaScript中的数字不区分整型和浮点型。

3.布尔型（boolean）

只有两个值，代表真的“true”和代表假的“false”。

4. 空(null)

null是个很特殊的数据类型，其代表的意思“空”，这个“空”并不代表是0或空字符串。null代表没有值，什么数据类型都不是。

5. 未定义(undefined )

undefined也是一个很特殊的数据类型，使用了一个并未定义的变

量或者是使用了一个不存在的对象的属性时，才返回undefined。

注意，在布尔环境中，非布尔类型的值会自动转换为布尔：

数值0为假，非0为真

字符串“”为假，非””为真

null和undefined为假

所有对象为真

6、运算符与优先级

JavaScript 具有全范围的运算符,包括算术、逻辑、位、赋值以及其他某些运算符。运算符优先级

JavaScript 中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。

下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。

优先级从上到下依次递减，最上面具有最高的优先级，逗号操作符具有最低的优先级。所有的优先级中，只有三个优先级是从右至左结合的，它们是单目运算符、条件运算符、赋值运算符。其它的都是从左至右结合。

注意：

判断是否相等要用==

++i 和i++的区别（可选）

用表达式表示i大于x，小于y，应是i>x&&i

JavaScript程序是语句的集合。一条JavaScript 语句相当于英语中的一个完整句。JavaScript 语句将表达式组合起来，完成一个任务。

一条语句由一个或多个表达式、关键字或者运算符（符号）组成。典型地，一条语句写一行，尽管一条语句可以超过两行或更多行。两条或更多条语句也可以写在同一行上，语句之间用分号“;”隔开。通常，每一新行开始一条新语句。不过显式地终止语句是一个好方法。这是用分号(;)来实现的，分号是JavaScript 语句的终止字符。下面给出JavaScript 语句的两个示例。

aBird = "Robin"; // 将文本“Robin”赋值给变量aBird

var today = new Date(); // 将今天的日期赋值给变量today

用大括号（{}）括起来的一组JavaScript 语句称为一个语句块。分组到一个语句块中的语句通常可当作单条语句处理。这就是说在JavaScript 期望有一条单个语句的大多数地方可以使用语句块。应该注意以for 和while 打头的循环语句是例外情况。注意，语句块中的原始语句以分号结束，但语句块本身并不以分号结束。

通常，在函数和条件语句中使用语句块。注意，JavaScript 与C++ 以及其他某些语言不同，它不认为语句块是一个新的范围；只有函数创建新范围。在下面的示例中，第一条语句开始定义一个函数，该函数包含一个五条语句组成的语句块。语句块后的三条语句没有用大括号括起来；这些语句不是一个语句块，所以就不是函数定义的一部分。

function convert(inches) {

feet = inches / 12; // 这五条语句属于一个语句块。

miles = feet / 5280;

nauticalMiles = feet / 6080;

cm = inches * 2.54;

meters = inches / 39.37;

综上所述，我们对于变量、数据类型、运算符我们都有很好的掌握；那么JS中的变量的数据类型跟其它语言的区别该很明显了吧。JavaScript是一种对数据类型变量要求不太严格的语言，所以不必声明每一个变量的类型；那我们学好每节的课程为以后的学习都做了很好的铺垫。

四、教学中要注意的关键点（老师讲授中特别要强调、

要讲透的点，学生学习中特别要关注、要想透的点）

JavaScript的数据类型及常用的运算符及运算符的优先级？

五、所需使用的案例或道具

规则是：

如果把数字与字符串相加，结果将成为字符串。

运行结果：

10

55

55

55

规则是：如果把数字与字符串相加，结果将成为字符串。

六、准备的提问问题

JavaScript的数据类型有那些？

JavaScript的运算符有那些？

JavaScript的运算符的优先级？

七、作业

回顾本课内容

八、测试题

用于每周测验或三天一测验的试题