lovecoding
/
web0715


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // js中 数据类型取决于等号右边的值 
        // 字符型 String
        var str = "hello world!";//字符串
        var str2 = "a";//单个字符
        var str3 = 'hello';
        var str4 = 'b';
        // 数值型 Number
        var num = 1;//整型数值
        var num1 = 3.14//浮点型数值
        //布尔型 Boolean
        var boo = true;//真
        var boo2 = false;//假
        //数组 Array
        var arr = [];//空数组
        var arr2 = [1,2,3,4,5];
        var arr3 = ['a','b','c','d','e'];
        var arr4 = [1,2,3,'a,','b','c'];
        var arr5 = [1,2,['a','b',['c',3]]];//多维数组
        // 数组中每个值都有自己的索引 且索引从0开始
        console.log(arr2[0])//数组中获取其中某个值的时候使用索引  
        console.log(arr5[2][0])//多维数组获取值
        //对象 Object
        var obj = {}//空对象
        // 对象内部为键值对形势即  key:value 每组键值对用‘,’间隔 键值对用':'连接
        var obj = {
            goodsImg:"./img/img1.png",
            goodsTitle:"Xiaomi",
            goodsDesc:"描述....",
            goodsPric:5999
        }
        // 对象的取值方式为 对象名称.key值 对象名和key之间用'.'连接
        console.log(obj.goodsTitle)


        // 变量命名规范
        var testNumber = 10; 
        //变量名由 两个单词构成 test 和 number构成
        //两个及以上单词构成的变量名 使用驼峰命名
        //驼峰命名(小驼峰) ：第一个单词小写从第二个单词开始首字母大写

        // js当中严格区分大小写
        var a = 10;
        var A = 'hello';
        var testStr = "a";
        var teststr = "b";


        // js 定义变量的特性
        var strA = "hello";
        strA = "world";
        strA = 10;
        //可以随时更改变量类型
        console.log(strA);
        // 允许重复定义
        var strA = [1,2];
        console.log(strA);
        // 允许未定义直接赋值
        loveCoding = "爱扣钉";
        console.log(loveCoding);
        // 未定义的变量是不允许直接使用
        console.log(testStr10);
    </script>
</body>
</html>