1-1 JS语法基础

js文件引入

我们把 JavaScript 放到了页面代码的底部,这样就可以确保在元素创建之后再执行脚本。

js输出

如果在文档加载完后执行document.write(),则整个html页面将被覆盖。

关于语法

在 JavaScript 中,用分号来结束语句是可选的

JavaScript 对大小写敏感。

可以在文本字符串中使用反斜杠对代码行进行换行

变量名可以以字母、$和_开头,但后两者不推荐。

变量声明但未定义时值是undefined,重复声明后值不会丢

JavaScript 变量的生存期: JavaScript 变量的生命期从它们被声明的时间开始; 局部变量会在函数运行以后被删除; 全局变量会在页面关闭后被删除。

可以通过将变量的值设置为 null 来清空变量。

创建数组并赋值的3种方法

  1. var computers = new Array()这里的小括号可要可不要?
    computers[0] = “IBM”
    computers[1] = “sony”
    computers[2] = “Haier”

  2. var computers =new Array(“IBM”,"sony","Haier")

  3. var computers =[“IBM”,"sony","Haier"]

JS语句

switch语句举例如下:


            var day = new Date().getDay();
            var str = "";
            switch (day){
                case 0:
                    str="星期日,可惜明天就要上班了~~~~(>_<)~~~~ ";
                    break;
                case 6:
                    str = "星期六,周末愉快O(∩_∩)O~";
                    break;
                default:
                    str = "不是周末,你一定在苦逼的加班中。。。"
            }
            alert("今天"+str);
        

for in循环举例如下:

            var person = {
                    name:"爱因斯坦",
                    age:200,
                    work:"相对论"
                };
                var txt = "";
                for (var x in person){
                    txt += person[x]+",";
                }
                alert(txt);
        

break跳出一层循环,continue调过本次循环进行下一次迭代

continue 语句(带有或不带标签引用)只能用在循环中, break 语句(不带标签引用),只能用在循环或 switch 中; 通过标签引用,break 语句可用于跳出任何 JavaScript 代码块。
break举例如下:

            var result = "";
        outLoop:
            for (var i = 0; i < 10; i++) {
                inLoop:
                    for (var j = 0; j < 10; j++) {
                        if (j >= 3) {
                            break;
                        }
                        if (i === 2) {
                            break inLoop;//这里跳出一层可以不加标签
                        }
                        if (i === 4) {
                            break outLoop;
                        }
                        result += "i=" + i + ", j=" + j + "
" } } $(".result").html(result)

关于异常

通过try{}catch(err){}来捕获,举例如下:

            try{
                allert("测试代码")
            }catch (err){
                alert("发生错误了,信息是:\n"+err.message+",\n点击请继续!")
            }

通过throw自定义异常,举例如下:

            try{
                var x = $("#testThrow").val();
                if (x === "") throw "输入为空";
                if(isNaN(x)) throw "输入的不是数字";
                if(x<0 ||  x>100) throw "请输入0~100之间的分数";
            }catch (err){
                alert(err+"!")
            }