《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<y，而不是x<i<y（可选）语句
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的数据类型及常用的运算符及运算符的优先级？
五、所需使用的案例或道具
<html>
<body>
<script type="text/javascript">
x=5+5;
document.write(x);
document.write("<br />");
x="5"+"5";
document.write(x);
document.write("<br />");
x=5+"5";
document.write(x);
document.write("<br />");
x="5"+5;
document.write(x);
document.write("<br />");
</script>
<h3>规则是：</h3>
<p><strong>如果把数字与字符串相加，结果将成为字符串。

</strong></p>
</body>
</html>
运行结果：
10
55
55
55
规则是：如果把数字与字符串相加，结果将成为字符串。

六、准备的提问问题
JavaScript的数据类型有那些？
JavaScript的运算符有那些？
JavaScript的运算符的优先级？
七、作业
回顾本课内容
八、测试题
用于每周测验或三天一测验的试题。