JavaScript基础学习（一）

zhuyan-dailycheck 2021-09-08 原文

一、什么是JS？（这已经不知道是多少次开始重新学习JS了）

（1）JS是一种轻量级，跨平台，面型对象的编程语言

（2）JS是WEB开发的三种核心技术之一（JS、HTML、CSS）

（3）JS可以用在不同的地方（客户端与服务器端）

二、JS的数据类型

6种值类型

（1）字符型string 字符串或字符

（2）数字型number 整数或小数

（3）布尔型boolean true / false

（4）不确定型undefined 声明后未赋值

（5）空型null 不存在的

（6）Symbol 表示独一无二的值

3中引用数据类型

（1）Array 数组

（2）Object 对象

（3）Function 函数

三、命名规范略

四、JS输出数据方式

（1）window.alert() 弹出警告框

（2）document.write 直接写入HTML文档

（3）innerHTML 写入到HTML元素

（4）console.log（）写入到浏览器控制台

五、Js中使用 for in 循环与for循环遍历特殊数组

当数组中个别位置未被定义时，使用for循环与for in 循环会出现不同的效果

<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
    var array = new Array();
    var x;
    var txt=""
    array[0] = 1;
    array[3] = 2;
    array[4] = 3;
    array[10] = 4;
    for( x in array ){
        alert(array[x]);     // 依次显示出 1 2 3 4
    } 
    alert(array.length);    // 结果是11
    for( var i=0 ; i<4 ; i++){
        alert(array[i]);     // 依次显示出 1 undefined undefined 2 
    }
    document.getElementById("demo").innerHTML = txt;
}
</script>

六、continue与break的区别
break用于跳出循环；continue用于跳过当前一个迭代，后续代码会依旧执行
break（不带标签）只能用在循环与switch中；continue（带不带标签）只能用在循环中
通过添加标签，break可以用于跳出任何JS代码块
cars=["BMW","Volvo","Saab","Ford"]; 
list: { 
document.write(cars[0] + "<br>"); 
document.write(cars[1] + "<br>"); 
document.write(cars[2] + "<br>"); 
break list; document.write(cars[3] + "<br>"); 
document.write(cars[4] + "<br>"); 
document.write(cars[5] + "