fengchuanyu 14 часов назад
Родитель
Сommit
81e032d670
2 измененных файлов с 89 добавлено и 0 удалено
  1. 55 0
      3_JavaScript/21_对象.html
  2. 34 0
      3_JavaScript/22_内置对象.html

+ 55 - 0
3_JavaScript/21_对象.html

@@ -0,0 +1,55 @@
+<!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>
+        // 对象可以用来表示现实世界中的实体
+        // Object
+        // 定义对象 格式:var 对象名 = {}; 对象中所有参数属性
+        var phone = {
+            // 对象中由任意个属性构成
+            // 属性名:属性值, 每一个属性后边都要写逗号
+            // 属性中不限制数据类型
+            name:"小米",
+            price:1999,
+            color:["红色","绿色","蓝色"],
+            info:"小米13 Pro",
+            // 属性中可以嵌套对象
+            spec:{
+                screen:"6.5英寸",
+                camera:"128MP",
+                battery:"5000mAh",
+            },
+            // 对象中可以添加函数
+            call:function(userName){
+                console.log("打电话给"+userName);
+            }
+        }
+
+
+        // 访问对象中的属性 格式:对象名.属性名 ("."表示链式访问)
+        console.log(phone.name);
+        console.log(phone.price);
+        console.log(phone.color[0]);
+        console.log(phone.spec.screen);
+        // 修改对象属性
+        phone.price = 2999;
+        console.log(phone.price);
+
+        // 删除对象属性 delete
+        delete phone.info;
+        console.log(phone)
+
+        // 添加对象属性 格式:对象名.新属性名 = 属性值;
+        phone.spec.memory = "128GB";
+        console.log(phone)
+
+        // 对象中可以添加函数 称为对象方法
+        phone.call("小李");
+    </script>
+</body>
+</html>

+ 34 - 0
3_JavaScript/22_内置对象.html

@@ -0,0 +1,34 @@
+<!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>
+        // 内置对象 Math
+        // Math对象中包含了很多数学相关的属性和方法
+        // 属性会返回具体的一个值 而 方法会执行一些操作是一个函数
+        // 返回Pi值
+        console.log(Math.PI);
+        // 返回随机数
+        console.log(Math.random());
+        // 返回绝对值
+        console.log(Math.abs(-10));
+        // x的y次方
+        console.log(Math.pow(2,3));
+        // 返回最大值
+        console.log(Math.max(1,2,3,4,5));
+        // 返回最小值
+        console.log(Math.min(1,2,3,4,5));
+        // 返回四舍五入的整数
+        console.log(Math.round(3.54));
+        // 返回取整后的整数 直接去掉小数部分
+        console.log(Math.floor(3.14));
+        // 返回取整后的整数 去掉小数部分 只要包含小数无论数值多少都会向前进为
+        console.log(Math.ceil(3.14));
+        
+    </script>
+</body>
+</html>