day22-24 var和let的区别

最新推荐文章于 2020-12-17 20:13:05 发布
最新推荐文章于 2020-12-17 20:13:05 发布
阅读量93 收藏
点赞数
分类专栏： 初学前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RealRecall/article/details/110467849
版权

var可以变量提升：即先写一个变量再声明
也可以重复声明：同一个变量声明多次
都不会报错，但这么做代码会看起来很乱。
let避免了这个问题，所以建议使用let声明变量

RealRecall
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
day-22:课堂作业和作业
06-25
在JavaScript的学习过程中，第22天的课堂作业和作业主要涵盖了JavaScript的基础语法、函数、对象以及数组等核心概念。这些知识点对于深入理解JavaScript编程至关重要，是成为一名熟练的前端或全栈开发者的基础。 ...
Day-24:第 24 天 @ironyard
06-24
首先，我们要了解JavaScript的基本语法，包括变量声明（`var`, `let`, `const`），数据类型（如字符串、数字、布尔值、数组和对象），以及控制流程（条件语句如`if...else`，循环结构如`for`和`while`）。...
30-day-of-javascript-day-1
03-04
- **变量和数据类型**：了解`var`, `let`, `const`的区别，以及基本数据类型（如字符串、数字、布尔值、null、undefined）。 - **操作符**：学习赋值操作符、比较操作符和逻辑操作符。 - **控制流程**：理解条件语句...
day5-html-css-js
05-10
1. **基础语法**：变量声明（`var`, `let`, `const`），数据类型（字符串、数字、布尔、数组、对象），流程控制（条件语句、循环语句），函数的定义与调用。 2. **DOM操作**：通过JavaScript操作文档对象模型（DOM...
高级软件人才培训专家-day02-JavaScript-Vue
最新发布
03-10
- 使用 `var`、`let` 或 `const` 声明变量。 - 变量名区分大小写。 - **数据类型**： - 数值类型（Number）、字符串类型（String）、布尔类型（Boolean）、空类型（null）、未定义类型（undefined）、对象类型...
复习一下HTML和CSS
RealRecall的博客
11-01 841
html和css还差最后一个作业，做倒数第二个作业用了太长时间，我对于知识掌握不牢。我今天开始复习了day1到day8的自学内容。 时间有限，只复习了选择器，列表。
day31-33阻止默认事件的方法
RealRecall的博客
12-14 447
代码如下： var input = document.querySelector("input"); input.onclick = function (e) { if (input.checked == false) { e.preventDefault(); } }; 这样的话，checkbox就无法取消了。因为当checked的值想要变成false时，input的默认事件，即“改变checkbox的状态”这个默认
day25-27 递归和setTimeout
RealRecall的博客
12-05 411
递归 程序调用自身的编程技巧称为递归（ recursion）。递归做为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法，它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大地减少了程序的代码量。递归的能力在于用有限的语句来定义对象的无限集合。一般来说，递归需要有边界条件、递归前进段和递归返回段。当边界条件不满足时，递归前进；当边界条件满足时，递归返回。 使用setTime
day34-36 一种使用innerHTML增加内容的方法
RealRecall的博客
12-17 377
代码如下： outerHTML这个属性和innerHTML差不多，前者还额外设置（或获取）对象的标签。
day20-21使用opacity制作渐变
RealRecall的博客
11-29 331
对于淡入有两种方法： 一、利用法 <html> <body> <div id="fade-obj" style="width: 300px; height: 300px; background: #000" ></div> <button id="fade-btn">淡出</button> <script> let div = document.quer
day28-30使用querySelectorAll和for遍历
RealRecall的博客
12-12 323
代码如下： for (i = 0; i < tips.length; i++) { var li = document.querySelectorAll("li"); } 另外提一下，使用for循环的死后，第二个参数中若存在变量，可能会由于for循环的改变而改变，无法达到预期。因此最好不要直接在第二个变量里写参数，而是要在第一个参数里定义一个新变量，再把新变量写到第二个参数里，以保证for循环执行条件不变。 ...
day31-33 对于e.target的使用要小心
RealRecall的博客
12-15 259
对于onclick事件，每一次的e.target所获得的对象取决于onclick的地方。与变量不同。 实例代码： <html> <body> <div id="region-radio-wrapper"></div> <div id="product-radio-wrapper"></div> <div id="table-wrapper"></div> <script&
day2按要求看了一下标签
RealRecall的博客
10-14 213
2020年10月14日 第二天：给自己做一个在线简历吧 学习总用时： 摘抄： 1.空的 HTML 元素 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 br 就是没有关闭标签的空元素（br 标签定义换行）。 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。 在开始标签中添加斜杠，比如 br /，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。 即使 br 在所有浏览器中都是有效的，但使用 br / 其实是更长远的保障。 2.羡辙 的
day17-18进一步学习JS第二部分
RealRecall的博客
11-20 213
笔记（学习时间：） 二、MDN 阅读完JavaScript第一步及JavaScript基础要件 JS第一步 事前准备 写在下篇文章。 JavaScript 初体验 练习时，可以使用开发者工具 JavaScript 控制台，即chrome浏览器中按f12，点击console，换行是shift+enter。ctrl+l：清屏 浅谈对象（Object） 通过 focus() 方法让光标在页面加载完毕时自动放置于 输入框内，这意味着玩家可以马上开始第一次猜测，而无需点击输入框。 这只是一个小的改进，却提高了可用
day31-33 关于点击事件内的判断语句
RealRecall的博客
12-14 209
如果点击了一个checkbox，判断语句的判断是根据点击后的情况判断的： 举个例子： if (input.checked == true) { console.log("123"); } 在这里，当按钮按下后，如果是选中状态，则输出123 ...
day1开始在百度前端技术学院零基础学院学习前端开发
RealRecall的博客
10-14 206
我要在百度前端技术学院坚持学完零基础训练，66天不间断！然后向百度投简历当前端开发实习生！
day20-21让你和页面对话
RealRecall的博客
11-28 195
学习时间：1小时复习， 让你和页面对话 W3School 事件 onload 和 onunload 事件（进入和离开页面） onchange 事件（与输入字段验证结合使用） onmouseover 和 onmouseout 事件（当用户将鼠标移至 HTML 元素上或移出时触发某个函数） onmousedown, onmouseup 以及 onclick 事件（点击） 以上几个事件的详细解释见 这里 MDN 事件 《day17-18进一步学习JS第二部分》已看。略。 HTML DOM Text 对象 ht
day22-24 八进制和十六进制
RealRecall的博客
12-02 195
如果前缀为 0，则 JavaScript 会把数值常量解释为八进制数，如果前缀为 0 和 “x”，则解释为十六进制数。 var y=0377;//255 var z=0xFF;//255
day16开始学习js
RealRecall的博客
11-17 173
经过前些天的复习，前两天得以快速完成了day12-15的任务，于是html和css的学习暂时告于段落。 JS笔记 API：应用程序接口（Application Programming Interfaces） API分两种 浏览器 API 文档对象模型 API（DOM（Document Object Model）API） 能通过创建、移除和修改 HTML，为页面动态应用新样式等手段来操作 HTML 和 CSS。比如当某个页面出现了一个弹窗，或者显示了一些新内容（像上文小 demo 中看到那样），这就是 DO
以下代码可以优化吗？如果可以请给出优化代码并注释const app = getApp(); function formatDate(date) { const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`; } Page({ data: { visits: wx.getStorageSync('visits'), dateString: "", current: 0, laifangzongrenshu: "", filteredDataArray: [], }, you: function () { var that = this; var current = that.data.current; if (current < that.data.visits.length - 1) { that.setData({ current: current + 1, }) } let dateString = that.data.dateString; let date = new Date(dateString); date.setDate(date.getDate() + 1); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let nextDay = year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day); this.setData({ dateString: nextDay, }); }, zuo: function () { var that = this; var current = that.data.current; if (current > 0) { that.setData({ current: current - 1, }) } let dateString = that.data.dateString; let date = new Date(dateString); date.setDate(date.getDate() - 1); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let prevDay = year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day); this.setData({ dateString: prevDay, }); },}）
06-06
可以对代码进行如下优化： ```js const app = getApp(); function formatDate(date) { const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); return `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`; } Page({ data: { visits: wx.getStorageSync('visits'), dateString: formatDate(new Date()), current: 0, }, you() { const current = this.data.current; if (current < this.data.visits.length - 1) { this.setData({ current: current + 1, }); } const dateString = this.data.dateString; const nextDate = new Date(new Date(dateString).getTime() + 24 * 60 * 60 * 1000); this.setData({ dateString: formatDate(nextDate), }); }, zuo() { const current = this.data.current; if (current > 0) { this.setData({ current: current - 1, }); } const dateString = this.data.dateString; const prevDate = new Date(new Date(dateString).getTime() - 24 * 60 * 60 * 1000); this.setData({ dateString: formatDate(prevDate), }); }, }); ``` 优化思路： 1. 将日期格式化代码封装成一个函数`formatDate`，并使用`padStart`函数补全日期格式中的0。 2. 在`data`中的`dateString`字段中，直接存储格式化后的当天日期，而不是默认为空字符串。 3. 在点击左右按钮时，使用`const`代替`var`，并直接在`setData`中更新数据。 4. 在点击左右按钮时，使用`new Date(dateString)`获取日期对象，而不是使用`new Date()`再转换成日期对象。 5. 在点击左右按钮时，使用`getTime()`获取日期的时间戳，再加上或减去24小时的毫秒数，最后使用`new Date()`将时间戳转换成日期对象。 这样做的好处是，代码更加简洁易读，同时也提高了代码的可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值