当前位置：首页 > news >正文

js day5

news 来源：原创 2025/5/24 6:31:47

复习模板字符串：
在输出语句里面
document.write(我今年${a}岁了)中间是反引号；里面是${变量}；

复习基本类型
number String null undefined boolean
检测数据类型输出typedf 变量则可；
添加链接描述

复习样式变量table什么的边框，宽高；透明度，距离的padding :上下多少；左右；margin的距离；不设宽度，设置上下左右边距也行；
作业
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .c1{
      text-align: center;
    }
    table,th,td{
      border: 1px solid #000;

    }
    table{
      border-collapse: collapse;/* 边框 */
      height: 80px;
      margin: 0 auto;

    }
    th{padding: 5px 20px;}
  </style>
</head>
<body>
  <h1 class="c1">表格渲染</h1>
  <script>
   let name = prompt('输入商品名称')
   let num = prompt('输入商品数量')
   let price = prompt('输入商品价格')
   let address = prompt('收货地址')
   let total =price*num
   //模板字符串
   document.write(
  `<table class="c1">
  <tr> <!-- tr是行，th是列 -->
    <th>名字</th>
    <th>价格</th>
    <th>数量</th>
    <th>总价</th>
    <th>收货地址</th>
  </tr>
  <tr>
    <td>小米</td>
    <td>${price}</td>
    <td>${num}</td>
    <td>${total}</td>
    <td>${address}</td>
  </tr>
</table>`)

  </script>
</body>
</html>

在输出里面直接做table这种就行；直接反引号标全场；先看一个常见错误；变量没初始化，没声明

在这里插入图片描述

比如常量const他必须必须要初始化他不能不初始化；

判断一般报错
在这里插入图片描述

这个一看就是可能是变成字符串相加；或者不同类型相加，就报错了；有可能报错NAN；
在这里插入图片描述

字符串前面带个+号就可以转换为字符型了；

比较运算符提醒：以后比较就用全等别用==，我们还是要类型和值都一致；
在这里插入图片描述

过后的
if switch for 数组，先过；大家都一样，想搞难的排序算法啥的问ai吧，也就是for嵌套两if/switch

速看函数；为了项目；后端应该封装好方法了我调用应该就欧克
在这里插入图片描述

函数要返回一个值那就用return结束；一个return直接就是把函数解决到这就结束了，不会进行下一个语句了；
函数有返回值哈，直接把他给一个变量然后打印一下就行了，

在这里插入图片描述
匿名函数直接不命名function直接存，调用的时候用这个变量名就可以；

面向对象

妈呀这前面其实可能都用不上，跳对象了
对象就是一个类模板，一个结构体；里面就是属性和方法，属性就是基本值，方法就是
在这里插入图片描述
声明就这样声明，输出有好几种方法：
输出可以先直接输出到控制台

对对象增删改查

在这里插入图片描述
增加：
直接用对象.访问里面的东西或者一个位置变量这种；直接就是加进去了；
删除
delete 对象名.属性
改变
改值直接就是对象名字.属性=新值就完了
查询
直接对象名字.访问就行了；obj.name类似这种

如果属性名字很长
在这里插入图片描述
就用双引号括起来中间打杠就行，输出就变了

要用[]括起来输出；但是不用打点了；

在对象里面写方法就是
方法名字(自定义）：function(){
}
调用直接在object.方法名就行
在这里插入图片描述

遍历对象
快速输出对象，就遍历他，对象没有下标没有长度用for in 这个获取的下标是字符串没法用于数组，就适合用于对象而且用于对象后，这里的k就是你的属性，obj[k]这个就是你的属性值；
在这里插入图片描述
记住k本身他就是一个字符串

数组对象
一个数组的类型里面有几个对象
遍历就正常遍历 let i i<array.length i++这种，然后输出，想输出到页面就得document但是他又默认是字符串，所以你for循环遍历一遍是表层是遍历的数组，那里面是你写的对象；但是想要访问对象的属性值，你还需要再遍历一遍；将外循环遍历结果存到变量里面，再用强循环遍历对象，就能得到属性了；
在这里插入图片描述
类似这个，有几行遍历几次这个是5行
记得一定一定一定一定要循环的时候let i=0要初始化，不然渲染不出来！！！