javascript编程起步(第二课)

所属分类: 网络编程 / JavaScript 阅读数: 1718
收藏 0 赞 0 分享
关于上课的作业,大家都知道,代码如下:
<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()运算符:用来返回变量或数据的类型。
更多精彩内容其他人还在看

Angular使用Md5加密的解决方法

这篇文章主要介绍了Angular使用Md5加密的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

详解JS构造函数中this和return

本文通过实例代码给大家介绍了JS构造函数中this和return,需要的朋友参考下吧
收藏 0 赞 0 分享

ES6中Array.find()和findIndex()函数的用法详解

ES6为Array增加了find(),findIndex函数。find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined,而findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。下面通过实例详解,需要的朋友参考下吧
收藏 0 赞 0 分享

JS闭包的几种常见形式实例详解

本文通过实例代码给大家详细介绍了js闭包的几种常见形式,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
收藏 0 赞 0 分享

ES6中Array.copyWithin()函数的用法实例详解

ES6为Array增加了copyWithin函数,用于操作当前数组自身,用来把某些个位置的元素复制并覆盖到其他位置上去。下面重点给大家介绍ES6中Array.copyWithin()函数的用法,需要的朋友参考下
收藏 0 赞 0 分享

Javascript 严格模式use strict详解

严格模式:由ECMA-262规范定义的JavaScript标准,对javascrip的限制更强。这篇文章主要介绍了Javascript 严格模式use strict详解 ,需要的朋友可以参考下
收藏 0 赞 0 分享

引入JavaScript时alert弹出框显示中文乱码问题

今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码,怎么解决此问题呢?下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法,一起看看吧
收藏 0 赞 0 分享

AngularJs 延时器、计时器实例代码

这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下
收藏 0 赞 0 分享

JS分页的实现(同步与异步)

这篇文章主要介绍了JS分页的实现(同步与异步),需要的朋友可以参考下
收藏 0 赞 0 分享

Angularjs自定义指令实现分页插件(DEMO)

由于最近的一个项目使用的是angularjs1.0的版本,涉及到分页查询数据的功能,后来自己就用自定义指令实现了该功能,下面小编把实例demo分享到脚本之家平台,需要的朋友参考下
收藏 0 赞 0 分享
查看更多