javaScript---基础语法1(EMCAScript)

top

1.如何编写javaScript代码

2.javaScript常用函数

3.页面注释

4.javascript的数据类型

5.字符串转数字

6.运算符

7.逻辑运算符

8.条件循环语句

9.for in 语句

10.with语句

11.函数

如何编写javaScript代码go top

方式1:可以使用<script>标签体内进行编写。

格式:

<script type="text/javascript">
    js代码;
</script>    

方式2:引入外部的javascript文件。

格式:

 <script src="js文件的地址" type="text/javascript"></script>

注意:
1.<script>是有开始标签与结束标签的,千万不要在一个标签中结束了。
2.如果<script>已经用于引入了js文件,那么该<script>标签体就不能再写js代码了。

javascript常用的函数:go top

alert("显示的内容..") ; 弹出框

document.write("数据") ; //向页面输出数据...


页面的注释:go top

html <!-- 注释的内容-->

css的注释 /* 注释的内容*/

javascript:

//注释的内容 单行注释

/* 注释的内容*/ 多行注释

javascript的变量声明:
格式:
var 变量名 = 数据;


声明变量要注意的事项:
1. 在javascript中声明变量是 使用var关键字声明的,javascript中的变量可以存储任意的数据类型数据.
2. javascript中变量数据类型是根据存储的值决定的,可以随时更改存储数据的类型。
3. 定义了多个同名的变量时,后定义的同名变量是覆盖前面定义的同名变量。
4. 声明变量的时候可以省略var关键字,但是不建议省略。


javascript的数据类型:go top

typeof 查看变量的数据类型。

使用格式:

typeof 变量名

javascript的数据类型:

number 小数与整数

string 字符串 注意: javascript中没有字符的概念,只有字符串,字符串可以写在单引号或双引号中。

boolean 布尔数据类型,

undefined undefined代表该变量没有定义。


字符串转数字go top

parseInt() 可以把一个字符串转换成整数。
parseFloat() 可以把一个字符串转换成小数。

javascript提供一个IsNaN的方法让我们判断该字符串是否是 一个数字。

is not a muber 不是一个数字。

不是一个数字返回true,是一个数字返回false.


运算符go top


+-
true=1,false=0
document.write("除法运算是:"+(10/3)+"<br/>"); //如果两个整数相除不能整数的时候结果还是小数。
字符串与字符串的比较规则是:

情况1: 能找到对应位置上的不同字符,那么就比较第一个不同字符的大小。

情况2: 不能找到对应位置上的不同字符,这时候比较的是两个字符串的长度。

 字符串还可以与数字进行比较。 凡是数字与字符串 进行比较,会先把字符串转换成数字再进行比较。

逻辑运算符:go top

与&&
或||
非!
三目运算符
布尔表达式?值1:值2;


条件循环语句:go top

if语句

特殊之处:
1. 在javascript中的if语句条件不单止可以写布尔表达式,还可以写任何的数据。

number 非0为true, 0为false.
string 内容不能空是true, 内容空的时候是false。
undefined:false
NaN: false

选择语句:

switch语句

switch(变量){
  case 值1:
    break;
  case 值2:
    break;    
    .....
  default:
    break;
}

特殊之处:
1. 在javascript中case后面可以跟常量与变量还可以跟表达式。

do-while循环语句

do{
循环语句;
}while(判断条件);

for循环语句:
格式:
for(初始化语句; 判断的条件 ; 循环后的语句){
循环体语句;
}

for-in语句:go top

for-in语句的格式:

for(var 变量名 in 遍历的目标){

}

for-in语句的作用:
1. 可以用于遍历数组的元素。 注意: 使用for-in语句遍历数组元素的时候遍历出来是数组的下标。

2. 可以用于遍历对象的所有属性数据。 注意: 使用for-in语句遍历对象的属性的时候,遍历出来的是对象的属性名。

with语句:go top

With 语句,在存取对象属性和调用方法时就不用重复指定对象。

demo:

with(document){
  write("可以直接以此格式向浏览器输出信息");  
}

函数:go top

函数的定义格式:

function 函数名(形参列表){
  函数体 ;
}

javascript的函数要注意的细节:

  • 1. 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。
  • 2. 在javascript中 的函数是没有返回值类型 的,如果函数需要返回数据给调用者,直接返回即可,如果不需要返回则不返回。
  • 3. 在 javascript中是没有函数 重载 的概念 的,后定义的同名函数会直接覆盖前面定义同名函数。
  • 4. 在javascript中任何的函数内部都隐式的维护了一个arguments(数组)的对象,给函数 传递数据的时候,是会先传递到arguments对象中,然后再由arguments对象分配数据给形参的。

demo:

function add( a, b){
  return a+b;  
}