“好程序员训练营”——JavaScript笔记

android培训——我的java笔记，期待与您交流！

JavaScript笔记

JS代码放到

<script type="text/javascript"></script>

标签中，type表示用JS解释。

这样JS代码就放到了HTML当中，不是很方便。

还可以这样

<script type="text/javascript" src="xxx.js"></script>

xxx.js封装了要使用的代码，显然后一种方法比较好。

下面记一下语法

1，变量

JS当中想要定义变量要这样：

var x = 3;
alert("x="+x);//弹出一个对话框
x = "abcd";//重新赋值为字符串abcd可以看到没有变量类型
alert("x="+x);
x = 'abcd';//和java不同，这也是字符串……

js是 弱类型，变量的类型是不确定的。

并且js是非严谨的下面这样也可以

x = 3;
alert("x="+x)//弹出一个对话框

2，运算符

算术运算符+ - * / % ++ –

赋值运算符 = += -=等等

比较运算符 > < >= <= == !=

逻辑运算符 ！ && ||

3，语句跟java几乎一样

写一个写数据到当前页面中的例子

<script>
var x = 0;
while(true){
if(x % 2 == 0){
document.write("x 的值是"+x);//写数据到当前页面
}
x++;
if(x >= 10){
break;
}
}
</script>

4，函数

函数格式：

function 函数名 (参数列表){

函数体；

return 返回值

}

写个栗子

function Myfun(){
alert("The first function");
return;
}

特别的一些细节

<script type="text/javascript">
function add(x,y){
var add = x+y;
alert("x+y="+add);
}
add(4,5);
</script>

然后只传递一个4试试



虽然参数少了，但是没有报错，JS真任性……

所以使用的时候要注意参数有几个。而且肯定没有函数重载啦。

而且参数列表存在于arguments数组中。

比如：

<script type="text/javascript">
function add(x,y){
for(var a = 0; a < arguments.length; a++){
document.write(arguments[a]);
}

}
add(4,5,6,7,8,9);
</script>

输出就是456789.

5，数组

//第一种定义方式
var a = [];
var a = [1,2,3,4,5];
//遍历数组
for(var x = 0; x < a.lenth; x++){
document.write("a[]=" + a[x]);
}
//第二种定义方式
var arr = new Array();//var a = [];
var arr = new Array(10);//数组长度是10
var arr = new Array(1,2,3,4,5);//数组元素师1,2,3,4,5