javascript学习新开始

一、相关概念

javascript是脚本语言,是一种轻量级的编程语言,可以插入到HTML页面中。
HTML中的脚本必须位于 标签之间。代码段可放置在、标签中,或放在单独的javascript文件中,再通过<script>标签的“src”属性引入HTML文件。

<head> 中的 JavaScript 函数

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
    alert("hello word!");
}
</script>
</head>
<body>
<button type="button" onclick="myFunction()">click me</button>
</body>
</html>

<body> 中的 JavaScript 函数

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" onclick="myFunction()">click me</button>
<script>
function myFunction()
{
    alert("hello word!");
}
</script>
</body>
</html>

外部的 JavaScript

注:外部的javascript文件中不能包含<script> 标签。

<!DOCTYPE html>
<html>
<head>
<script src="js/myScript.js"></script>
</head>
<body>
</body>
</html>

注意

1、javascript区分大小写
2、注释://  单行注释
       /**/  跨行注释

二、类型、值和变量

1、整型直接量

用一个数字序列表示一个十进制整数。如:

0
7
4000

2、浮点型直接量

浮点型直接量能包含小数点。如:

54.123
3.33333333333333

3、布尔值

布尔值指代真或假、是或否,只有两个值:true和false。

4、变量声明

使用一个变量前应先声明,使用关键字var来声明。如:

var i;
var j;

也可通过var来声明多个变量:

var i,j;

还可变量声明和初始赋值写在一起:

var str = "apple";
var i = 0, j = 0;

5、全局变量和局部变量

全局变量在javascript代码中任何地方都有定义,局部变量只在函数体内有定义。
在函数体中,局部变量的优先级高于同名的全局变量。

6、算数运算

算数运算包括:加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)、求余运算符(%)。
javascript还支持更复杂的算术运算,通过Math对象的函数来实现。如:

Math.abs(a)      //求a的绝对值
Math.max(a,b,c)      //返回a,b,c中的最大值
Math.PI     //圆周率

7、日期和时间

javascript通过Date()构造函数来创建表示日期和时间的对象。如:

var nowDT = new Date();   //当前日期和时间

8、字符串直接量

字符串直接量是由单引号或双引号括起来的字符序列。如:

"hello"
'test'

9、转义字符

转义字符通过反斜线(\)实现,,反斜线后加一个字符,字符就不再是原来的含义了。如:

\n 换行符
\b 退格符
\" 双引号
\' 单引号
\\ 反斜线

10、字符串连接

字符串连接通过加号(+)运算符实现。若加号(+)运算符用于数字,表示两数相加。若加号(+)运算符用于字符串,则表示字符串连接。如:

str = "hello," + "world!";   //str为"hello,world!"

三、表达式

1、对象的初始化表达式

对象的初始化表达式由0个或多个属性成员组成,属性成员的格式包含一个属性名和一个冒号作为前缀,值紧跟其后。如:

var obj = {};           //一个空对象
var obj = {x:1, y:2};   //一个拥有两个属性成员的对象
var obj = {"aObj":{x:1, y:2}, "bObj":{x:3, y:4};  //嵌套的对象

2、函数定义表达式

函数定义表达式定义一个javascript函数,函数的值就是定义的函数。函数定义表达式包含关键字function,后跟一对圆括号,括号内包含0个或多个参数,再跟随一个包含有javascript代码段的花括号。如:

var sum = function(x,y) {
    return x + y;
}

3、数组的初始化表达式

数组的初始化表达式通过一对方括号和其内由逗号隔开的列表组成。如:

[]      //一个空数组
[2,4]   //拥有两个元素的数组
var arr = [[1,2],[3,4]];    //嵌套数组

4、属性访问表达式

属性访问表达式得到一个对象属性或一个数组元素的值。有两种语法:

1、expression.identifier
2、expression[expression]

如:

var obj = {a:1,b:{c:2}};               //一个示例对象
obj.a     //=>1:表达式obj的a属性
obj.b.c   //=>2:表达式obj.b的c对象

五、语句

1、if

if语句是一种基本的控制语句,可以控制语句有条件的执行。总共有3种形式。
形式1:

if(expression){
    statement
}

形式2:

if(expression){
    statement1
}else{
    statement2
}

形式3:

if(expression1){
    statement1
}else if(expression2){
    statement2
}else if(expression3){
    statement3
}else{
    statement4
}

2、switch

switch 语句是一个控制语句,它通过将控制传递给其体内的一个 case 语句来处理多个选择和枚举。

switch(n) {
    case 1:
    statement1
    break;

    case 2:
    statement2
    break;

    case 3:
    statement3
    break;

    default:
    statement4
    break;
}

3、while

while语句也是一个基本循环语句。

while(expression){
    statement
}

4、for

for语句也是一个基本循环语句。

for(var i=0;i<10;i++){
    statement
}

5、return

return语句用来指定函数调用后的返回值,只能在函数体内出现。当执行到return语句时函数将终止执行,并返回值给调用程序。

function sq(x){
    return x*x;
}
sq(5);

你可能感兴趣的:(JavaScript)