javascript编程起步(第二课)


Posted in Javascript onFebruary 27, 2007

关于上课的作业,大家都知道,代码如下:
<script language="javascript">
<!--
代码
//-->
</script>
这儿补充一点内容,还可以告诉读者这儿是javascript代码,该浏览器不支持。
<noscript>
在浏览器不支持的时候显示这句话
</noscript>
今天我们主要学习的内容有以下几块:
1、javascript变量
2、javascript表达式和运算符

可以用var加上为变量指定的名称来声明变量,变量类型可以通过给变量赋值来确定。由于javascript采用的是弱类型的样式,对数据类型要求不太严格,在程序执行的过程中,会根据需要自动转换。
对于字符串变量,可以通过"变量名.length"来获得该变量中字符串的长度,如
var name;
name="javascript";
那么name.length的值就是10。

若在一行中创建多个变量时,记住用逗号来隔开变量名。各语句用分号隔开。(使用分号是个好习惯, 大家在学习的时候尽量养成加分号的习惯)

类型转换:javascript允许在程序中改变变量的类型,最常见的两个类型转换符Number和String。
Number(x)是字符型值??〉数字值型。String与之相反。相对于javascript的自动类型转换,可以将这种转换成为强制类型转换。(强制类型转换需要在javascript1.2及以上版本才可以使用)

变量的命名:

1.必须以字母或下划线开头,中间可以有字母数字和或下划线。不能使用空格、+、-等其他符号。
作为连字符外,变量名称不能有空格、(+)、(-)、(,)或其它符号。
2.不能使用JavaScript中的关键字作为变量。
(javascript变量名是区分大小写的,name和Name是不一样的。)

对于变量还有一个重要性──那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外,其作用范围是整个函数;而局部变量是定义在函数体之内,只对其该函数是可见的,而对其它函数则是不可见的。

例子:
<script>
var myStr = "我是全局变量";
function getStr1(){
var myStr = "我是局部变量";
alert (myStr);
}
function getStr2(){
alert (myStr);
}
getStr1();
getStr2();
// 测试会弹出两个提示框,第一个提示"我是局部变量",第二个提示"我是全局变量"
</script>

表达式:在定义完变量后,就可以对它们进行赋值、改变、计算等一系列操作,这一过程通常由表达式来完成,可以说它是变量、常量、布尔及运算符的集合,因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。

运算符:

1.算术运算符:+(加) 、-(减)、 *(乘)、 /(除)、 %(取模) -(取反)、
++(递加1)、--(递减1)。
例:11%2=1 ; 如果x=2 ++x+4=7 x+++4=6
(++x是先执行加1,x++是执行完语句之后x在自加1
例子:

<script>
var i=0, j=0;
alert(i++ + " " + ++j + " " + i);
// 输出 "0 1 1",可见i++是先输出了i,然后进行运算,而++j是先对j进行了自加运算,然后输出j的值
</script>

2.比较运算符:<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)
(基本操作过程是,首先对它的操作数进行比较,然后再返回一个true或False值。)
3.逻辑运算符:!(取反)、&=(与之后赋值)、 &(逻辑与)、 =(或之后赋值)、 (逻辑或)、
^=(异或之后赋值)、 ^(逻辑异或)、 ?:(三目操作符)、(或)、&& (与)
==(等于)、=(不等于)。
4.字符串运算符:只有+ ("my"+"javascript"结果等于"my javascript")
5.赋值运算符:即=,将右边的值赋给左边的变量。
6.条件运算符:(?:)
例:status=(age>=18)?"adult":"child";如果大于18,则表达式的值为adult。
7.typeof()运算符:用来返回变量或数据的类型。

Javascript 相关文章推荐
共享自己写一个框架DreamScript
Jan 20 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
Dec 19 Javascript
jquery 图片轮换效果
Jul 29 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
原生js实现日期计算器功能
Feb 17 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
javascript编程起步(第五课)
Feb 27 #Javascript
javascript编程起步(第四课)
Feb 27 #Javascript
javascript编程起步(第六课)
Feb 27 #Javascript
javascript编程起步(第七课)
Feb 27 #Javascript
超清晰的document对象详解
Feb 27 #Javascript
JavaScript中void(0)的具体含义解释
Feb 27 #Javascript
[原创]保存的js无法执行的解决办法
Feb 25 #Javascript
You might like
PHP Undefined index报错的修复方法
2011/07/17 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
Yii中render和renderPartial的区别
2014/09/03 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
[原创]图片分页查看
2006/08/28 Javascript
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
JS根据年月获得当月天数的实现代码
2014/07/03 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
2016/04/28 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
浅谈js中的this问题
2017/08/31 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
vue组件中的数据传递方法
2018/05/14 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
vuex Module将 store 分割成模块的操作
2020/12/07 Vue.js
python 图片验证码代码
2008/12/07 Python
python self,cls,decorator的理解
2009/07/13 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
Python 列表理解及使用方法
2017/10/27 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
详解python 注释、变量、类型
2018/08/10 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
ET Mall东森购物网:东森严选
2017/03/06 全球购物
客户服务经理岗位职责
2014/01/29 职场文书
致400米运动员广播稿
2014/02/07 职场文书
学校元旦晚会方案
2014/02/19 职场文书
公司股权转让协议书
2014/04/12 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
2014财务年度工作总结
2014/11/11 职场文书
感恩节寄语2015
2015/03/24 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android