《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关键字来进行变量声
明。
varcount;//单个声明。
varcount,amount,level;//用单个var关键字声明的多个声明。
varcount=0,amount=100;//一条语句中的变量声明和初始化。
如果在var语句中没有初始化变量,变量自动取JavaScript值undefined。尽管并不
安全,但声明语句中忽略var关键字是合法的JavaScript语法。这时,JavaScript解释
器给予变量全局范围的可见度。当在过程级中声明一个变量时,它不能用于全局范围;这
种情况下,变量声明必须用var关键字。
(2)变量命名:
变量名称是一个标识符。JavaScript中,用标识符来:命名变量,命名函数,给出循
环的标签。
JavaScript是一种区分大小写的语言。变量的名称可以是任意长度。创建合法的变
量名称应遵循如下规则:
第一个字符必须是一个ASCII字母(大小写均可),或一个下划线(_)。注意第一
个字符不能是数字。后续的字符必须是字母、数字或下划线。变量名称一定不能是保
留字。
下面给出合法变量名称的一些示例:
_pagecount,Part9,Number_Items
下面给出无效变量名称的一些示例:
99Balloons//不能以数字开头。
Smith&Wesson//“与”符号(&)字符用于变量名称是无效的。
当要声明一个变量并进行初始化,但又不想指定任何特殊值,可以赋值为
JavaScript值null。下面给出示例。
varbestAge=null;
varmuchTooOld=3*bestAge;//muchTooOld的值为0。
如果声明了一个变量但没有对其赋值,该变量存在,其值为未定义的JavaScript
值。下面给出示例。
varcurrentCount;
varfinalCount=1*currentCount;//finalCount的值为NaN,因为currentCount为
undefined
注意:在JavaScript中null和undefined的主要区别是null的操作象数字0,而
undefined的操作象特殊值NaN(不是一个数字)。对null值和undefined值作比较总是
相等的。可以不用var关键字声明变量,并赋值。这就是隐式声明。
noStringAtAll="";//隐式声明变量noStringAtAll。
不能使用未经过声明的变量。
varvolume=length*width;//错误—length和width并不存在。
5、变量类型(使用typeof运算符检测变量类型)
JavaScript有三种主要数据类型、两种复合数据类型和两种特殊数据类型。
(1)主要(基本)数据类型是:
字符串、数值与布尔
(2)复合(引用)数据类型是:
对象与数组
(3)特殊数据类型是:
Null与Undefined
(4)字符串数据类型
一个字符串值是排在一起的一串零或零以上的Unicode字符(字母、数字和标点
符号)。字符串数据类型用来表示JavaScript中的文本。脚本中可以包含字符串文字,
这些字符串文字放在一对匹配的的单引号或双引号中。字符串中可以包含双引号,该双
引号两边需加单引号,也可以包含单引号,该单引号两边需加双引号。下面是字符串的
示例:
"HappyamI;fromcareI’mfree!"
'"Avast,yelubbers!"roaredthetechnician.'
"42"
'c'
注意:JavaScript中没有表示单个字符的类型。要表示JavaScript中的单个字符,
应创建一个只包含一个字符的字符串。包含零个字符("")的字符串是空(零长度)字
符串。
(5)数值数据类型:
在JavaScript中整数和浮点值没有差别;JavaScript数值可以是其中任意一种
(JavaScript内部将所有的数值表示为浮点值)。
主要数据类型如下:
1.字符串型(string)
是JavaScript中用来表示本文的数据类型,通常用单引号或双引
号括起来,若包括特殊字符,可以使用转义字符来代替。
2.数值型(number)
在JavaScript中的数字不区分整型和浮点型。
3.布尔型(boolean)
只有两个值,代表真的“true”和代表假的“fal”。
4.空(null)
null是个很特殊的数据类型,其代表的意思“空”,这个“空”并不代表是0或空
字符串。null代表没有值,什么数据类型都不是。
5.未定义(undefined)
undefined也是一个很特殊的数据类型,使用了一个并未定义的变
量或者是使用了一个不存在的对象的属性时,才返回undefined。
注意,在布尔环境中,非布尔类型的值会自动转换为布尔:
数值0为假,非0为真
字符串“”为假,非””为真
null和undefined为假
所有对象为真
6、运算符与优先级
JavaScript具有全范围的运算符,包括算术、逻辑、位、赋值以及其他某些运算符。运算
符优先级
JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺
序。具有较高优先级的运算符先于较低优先级的运算符执行。例如,乘法的执行先于加法。
下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左
至右的顺序求值。
操作符的优先级
运算符说明
赋值=,+=,*=,/=,%=,
条件操作符?:
逻辑或||
逻辑与&&
比较操作符==,!=
关系操作符<,<=,>,>=
算术操作符+,—
算术操作符*,/,%
增量操作符号,单目操作符!,~,++,typeof
其他操作符。(),[]
优先级从上到下依次递减,最上面具有最高的优先级,逗号操作符具有最低的优先级。
所有的优先级中,只有三个优先级是从右至左结合的,它们是单目运算符、条件运算符、赋
值运算符。其它的都是从左至右结合。
注意:
判断是否相等要用==
++i和i++的区别(可选)
用表达式表示i大于x,小于y,应是i>x&&i
语句
JavaScript程序是语句的集合。一条JavaScript语句相当于英语中的一个完整句。
JavaScript语句将表达式组合起来,完成一个任务。
一条语句由一个或多个表达式、关键字或者运算符(符号)组成。典型地,一条语句写
一行,尽管一条语句可以超过两行或更多行。两条或更多条语句也可以写在同一行上,语句
之间用分号“;”隔开。通常,每一新行开始一条新语句。不过显式地终止语句是一个好方
法。这是用分号(;)来实现的,分号是JavaScript语句的终止字符。下面给出JavaScript语
句的两个示例。
aBird="Robin";//将文本“Robin”赋值给变量aBird
vartoday=newDate();//将今天的日期赋值给变量today
用大括号({})括起来的一组JavaScript语句称为一个语句块。分组到一个语句块中
的语句通常可当作单条语句处理。这就是说在JavaScript期望有一条单个语句的大多数地
方可以使用语句块。应该注意以for和while打头的循环语句是例外情况。注意,语句块
中的原始语句以分号结束,但语句块本身并不以分号结束。
通常,在函数和条件语句中使用语句块。注意,JavaScript与C++以及其他某些语言
不同,它不认为语句块是一个新的范围;只有函数创建新范围。在下面的示例中,第一条语
句开始定义一个函数,该函数包含一个五条语句组成的语句块。语句块后的三条语句没有用
大括号括起来;这些语句不是一个语句块,所以就不是函数定义的一部分。
functionconvert(inches){
feet=inches/12;//这五条语句属于一个语句块。
miles=feet/5280;
nauticalMiles=feet/6080;
cm=inches*2.54;
meters=inches/39.37;
综上所述,我们对于变量、数据类型、运算符我们都有很好的掌握;那么
JS中的变量的数据类型跟其它语言的区别该很明显了吧。JavaScript是一种对
数据类型变量要求不太严格的语言,所以不必声明每一个变量的类型;那我们
学好每节的课程为以后的学习都做了很好的铺垫。
四、教学中要注意的关键点(老师讲授中特别要强调、
要讲透的点,学生学习中特别要关注、要想透的点)
JavaScript的数据类型及常用的运算符及运算符的优先级?
五、所需使用的案例或道具
x=5+5;
(x);
("
");
x="5"+"5";
(x);
("
");
x=5+"5";
(x);
("
");
x="5"+5;
(x);
("
");
如果把数字与字符串相加,结果将成为字符串。
运行结果:
10
55
55
55
规则是:如果把数字与字符串相加,结果将成为字符串。
六、准备的提问问题
JavaScript的数据类型有那些?
JavaScript的运算符有那些?
JavaScript的运算符的优先级?
七、作业
回顾本课内容
八、测试题
用于每周测验或三天一测验的试题
教学过程/所用时间教学内容教师活动/教学方法学生活动
(一)创设情景回顾上
节知识点
所用时间:2分钟
1、javascript的定义、
作用、特点以及运行环境
2、javascript书写规范
3、javascript数据类型
4、javascript运算符与
表达式
教师用什么样的情景回顾上节知识点
要写清楚,
由于这次课程是第一次课程,为了让
学生对JavaScript初步印象深刻,
先讲JavaScript的作用,在网页中
的常用实例:比如图片切换效果、
下拉菜单等特别炫的效果展示给
大家,看到没有JS光用我们以前
的CSS和HTML是实现不了的。
这样的效果能让他们耳目一新,
引起让他们对这门课程的兴趣。
比如用提问方式,怎么提问等
与学生如何互
动:
通过提问的方
式,如果该学生
回答的有问题,
可以让该学生求
助,找其他学生
来回答。
(二)创设问题情景引
入课题
所用时间:3分钟
老师用什么样的方式引入今天的课程,
比如故事法、提问法、启发式,要写清
楚
使用启发式,对于变量的理解不
太好,要深刻理解变量的含义。
那是什么是变量,变量在程序中
起到了那些作用呢?变量的数据
类型又有那些呢?先设问一下,
其实同学在学这门课程之前,他
们已经学了其它课程了,对于变
是他们已经很不陌生了,现在旧
话重提了,那么变量是什么呢?
变量好比只能放一个物体的抽
学生应该做什
么。
认真听课,不懂
的知识点及时向
老师请教。
屉,放了第二个物体就必须把第
一个先拿出来。那么尤其注意变
量在JS中跟其它课程中的定义及
其应用有那什么区别呢?
(三)分析案例(围绕
问题展开讨论研究,进行
归纳)
所用时间:10分钟
(1)与学生一起论
讨:javascript
数据类型
(2)归纳:
javascript的书
写规范、数据类
型与表达式
如何引导学生讨论、如何组织讨论、
以学习小组为单位,讨论本次课程的知
识点。
与学生如何互动
等
提问法
(四)核心知识点:
所用时间:45分钟
写出这节课的知识点:
1、javascript的定义、
作用、特点以及运行环境
2、javascript书写规范
3、javascript数据类型
4、javascript运算符与
表达式
(五)运用(巩固与练
习)
所用时间:15分钟
(六)课后作业
所用时间:5分钟
(七)课堂小结与评价
所用时间:10分钟
总结
学习内容:了解
javascript的书写规范
javascript的数据类型
与表达式
学习方法:对比法,4W1H
本文发布于:2023-01-04 14:36:17,感谢您对本站的认可!
本文链接:http://www.wtabcd.cn/fanwen/fan/90/91158.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |