“好程序员训练营”——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