js基础-数组-事件对象-日期-本地存储

最新推荐文章于 2024-06-13 10:05:02 发布
最新推荐文章于 2024-06-13 10:05:02 发布
阅读量851 收藏 20
点赞数 31
分类专栏： JavaScript进阶ES6+ 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/G24gg/article/details/138749896
版权

一、大纲

一、获取元素位置

在JavaScript中，获取一个元素在页面上的位置可以通过多种方法实现。以下是一些常见的方法：

  1. getBoundingClientRect()

    getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。它提供了元素的left、top、right和bottom属性，这些属性表示元素在视口中的位置。

     
    var rect = document.getElementById('myElement').getBoundingClientRect(); console.log(rect.left, rect.top); // 元素相对于视口左上角的坐标
     
  2.  
    elementFromPoint(x, y)
     
    elementFromPoint(x, y) 方法返回位于页面上给定坐标(x, y)的元素。这个方法属于document对象，因此可以直接在document上调用。
     
     
    var element = document.elementFromPoint(x, y); console.log(element); // 返回位于(x, y)坐标的元素
     
  3.  
    offsetTop 和 offsetLeft
     
    offsetTop 和 offsetLeft 属性返回元素的顶部和左侧边缘相对于其最近的定位的祖先元素的偏移。
     
     
    var element = document.getElementById('myElement'); console.log(element.offsetTop, element.offsetLeft); // 元素相对于其定位的祖先元素的偏移
     
  4.  
    getComputedStyle()
     
    getComputedStyle() 方法返回一个对象，该对象包含元素的所有当前计算后的样式属性的值，包括position、top、left等。
     
     
    var style = window.getComputedStyle(document.getElementById('myElement')); console.log(style.position, style.top, style.left); // 获取元素的计算后样式
     
  5.  
    position 属性
     
    position 属性可以告诉你元素的定位方式（如static、relative、absolute、fixed或sticky），这有助于你了解元素的位置是如何确定的。
     
     复制 
    var element = document.getElementById('myElement'); console.log(element.style.position); // 获取元素的定位方式
     
 

 

 

 

二、日期
 

1.newDate()
 

 

 

 

2.显示格式
 

 

 

3.时间戳
 

 

 

推荐+
 

 

案例：
 

 

 

在编程和计算机科学中，时间戳是一个表示特定时刻的数字。在不同的上下文中，时间戳可以有不同的含义和格式，以下是一些常见的时间戳概念：
 

  1.  
    Unix 时间戳:
     
  
    • 这是最常见的时间戳格式，表示从1970年1月1日UTC（协调世界时）开始的秒数（不包括闰秒）。在JavaScript中，可以通过Date.now()函数获取当前的Unix时间戳。
     
    var timestamp = Date.now(); // 获取当前的Unix时间戳（毫秒）
     
    如果需要秒为单位的Unix时间戳，可以使用Date对象的getTime()方法或Date.UTC()方法。
     
     
    var timestampInSeconds = Math.floor(Date.now() / 1000); var timestampInSeconds = new Date().getTime() / 1000; var timestampInSeconds = Date.UTC(year, month, day, hour, minute, second);
     
  2.  
    ISO 8601 时间戳:
     
  
    • 这是一种使用日期和时间的国际标准表示法，格式通常为YYYY-MM-DDTHH:mm:ss.sssZ，其中T是一个分隔符，Z表示UTC时区（或用+hh:mm和-hh:mm表示时区偏移）。
     
    var timestamp = new Date().toISOString(); // 转换为ISO格式的时间字符串
     
  3.  
    性能时间戳 (Performance Timestamp):
     
  
    • 在Web开发中，performance.now()可以提供比Date.now()更高精度的时间戳，通常用于测量性能。
     
    var performanceTimestamp = performance.now(); // 获取高精度时间戳
     
  4.  
    时间戳转换:
     
  
    • 可以将Unix时间戳转换为更易读的日期格式，反之亦然。
     
    var date = new Date(timestamp); // 将Unix时间戳转换为Date对象 var timestamp = date.getTime(); // 将Date对象转换为Unix时间戳
     
  5.  
    时间戳的用途:
     
  
    • 时间戳常用于记录事件发生的时间点，如服务器日志、数据库记录、用户操作时间等。
    • 在分布式系统中，时间戳用于同步事件顺序和解决冲突。
    • 在性能分析中，时间戳用于测量代码执行时间。
  6.  
    时间戳的存储:
     
  
    • 时间戳通常以整数或浮点数存储，取决于所需的时间精度。
  7.  
    时间戳的时区问题:
     
  
    • 时间戳通常表示为UTC时间，但在实际应用中，需要考虑时区转换。
 

在JavaScript中，处理时间戳时，需要注意时区和精度问题，以确保正确地表示和处理时间。
 

三、dom节点（dom树）
 

DOM（文档对象模型，Document Object Model）是HTML和XML文档的编程接口。它将网页结构化为一个由节点和对象（如元素、属性和文本）组成的树状结构，允许开发人员以编程方式访问和操作网页内容。
 

在DOM树中，每个节点（node）代表文档中的一个对象或结构，以下是一些常见的节点类型：
 

  1.  
    元素节点（Element node）:
     
  
    • 代表HTML中的一个元素，如<div>、<p>、<a>等。
  2.  
    属性节点（Attribute node）:
     
  
    • 代表元素的一个属性，如class="example"或id="myId"。
  3.  
    文本节点（Text node）:
     
  
    • 包含元素或属性的文本内容，如<p>这是一个文本节点。</p>中的“这是一个文本节点。”
  4.  
    注释节点（Comment node）:
     
  
    • 包含文档的注释，它们在浏览器中不显示，但可以在HTML源代码中看到。
  5.  
    文档类型节点（DocumentType node）:
     
  
    • 代表文档类型声明，如<!DOCTYPE html>。
  6.  
    文档节点（Document node）:
     
  
    • 代表整个文档，是DOM树的根节点。
  7.  
    文档片段节点（DocumentFragment node）:
     
  
    • 一个轻量级的DOM节点，用作DOM树的临时容器，常用于批量操作。
  8.  
    CDATA节节点（CDATASection node）:
     
  
    • 包含不应由XML解析器解析的文本。
 

在JavaScript中，可以使用DOM API来创建、修改、删除和查询DOM节点。以下是一些基本的DOM操作：
 

创建节点:

var newNode = document.createElement('div');
添加节点:

parentElement.appendChild(newNode);
删除节点:

parentElement.removeChild(oldNode);
替换节点:

parentElement.replaceChild(newNode, oldNode);
查询节点:

var element = document.getElementById('myId');
修改内容:

element.textContent = '新内容';
element.innerHTML = '<div>新HTML内容</div>';
获取属性:

var attributeValue = element.getAttribute('class');
设置属性:

element.setAttribute('class', 'newValue');
监听事件:

element.addEventListener('click', function() {
  console.log('元素被点击了');
});
 

 

 

M端事件（移动端）
 

 

四、location当前浏览上下文的一些信息
 

在JavaScript中，location 对象是一个内置对象，它提供了当前浏览上下文的一些信息，以及一些用于导航到不同的文档的方法。location 对象是 Window 对象的一部分，因此通常在浏览器环境中可以直接使用它。
 

以下是一些常用的 location 对象属性和方法：
 

location.href:

表示当前页面的URL。可以读取这个属性来获取当前页面的地址，也可以赋值一个新的URL来导航到另一个页面。
console.log(location.href); // 打印当前页面的URL
location.href = 'https://www.example.com'; // 重定向到新的URL
location.search:

表示URL中的查询字符串部分，即?后面的部分。
console.log(location.search); // 打印查询字符串
location.pathname:

表示URL中的路径部分。
console.log(location.pathname); // 打印URL路径
location.hash:

表示URL中的哈希部分，即#后面的部分。
console.log(location.hash); // 打印URL哈希
location.assign():

加载一个新的文档。
location.assign('https://www.example.com'); // 导航到指定的URL
location.replace():

用另一个文档替换当前的资源。与 assign() 不同的是，使用 replace() 后，新页面不会添加到浏览器的历史记录中。
location.replace('https://www.example.com'); // 替换当前页面
location.reload():

重新加载当前页面。默认情况下，它会从服务器重新加载页面，但也可以提供一个参数来控制是否要从缓存中加载。
location.reload(); // 从服务器重新加载当前页面
location.reload(true); // 强制从服务器加载
location.toString():

返回整个URL的字符串表示。
console.log(location.toString()); // 打印完整的URL
location.ancestorOrigins:

只读属性，返回一个包含当前页面所有祖先页面源点（origins）的数组。
console.log(location.ancestorOrigins); // 打印当前页面的祖先源点
通过使用 location 对象，你可以在JavaScript中实现页面跳转、获取当前页面的URL信息等操作。这些操作对于动态Web应用的开发非常重要。
 

1.跳转页面
 

 

2.路由基础（地址栏变化）
 

 

3.刷新界面 
 

 

 

五、navigator
 

navigator 是 Web 浏览器提供的 JavaScript 对象，它用于解决以下问题：
 

  1.  
    用户代理检测：
     
  
    • 通过 navigator.userAgent 获取用户代理字符串，可以检测访问网页的浏览器类型、版本以及操作系统信息。
  2.  
    客户端能力检测：
     
  
    • 了解客户端（浏览器）的能力，如是否支持 cookies（navigator.cookieEnabled）、是否处于在线状态（navigator.onLine）、支持的触摸点数（navigator.maxTouchPoints）等。
  3.  
    地理位置定位：
     
  
    • 使用 navigator.geolocation 对象获取用户的地理位置信息，这在需要提供地理位置相关服务时非常有用，如地图服务、本地搜索等。
  4.  
    网络状态监测：
     
  
    • 通过 navigator.onLine 属性监测用户的网络连接状态，这对于提供离线体验或网络状态提示很有帮助。
  5.  
    浏览器特性检测：
     
  
    • 检测浏览器是否支持某些特定的特性或 API，如 WebRTC、Service Workers、WebGL 等。
  6.  
    国际化和本地化：
     
  
    • 获取用户的语言偏好（navigator.language），以便提供本地化的网页内容。
  7.  
    跨源通信：
     
  
    • 使用注册协议处理程序（navigator.registerProtocolHandler()）实现跨源或跨应用的通信。
  8.  
    性能优化：
     
  
    • 通过 navigator.sendBeacon() 方法在页面卸载时发送小体积的异步数据，减少对用户离开页面时的影响。
  9.  
    安全性和隐私：
     
  
    • 了解浏览器的安全特性，如是否支持 HTTPS 或其他安全协议。
  10.  
    用户个性化体验：
     
  
    • 根据用户代理数据（navigator.userAgentData）提供定制化的用户体验或提示用户升级浏览器。
 

navigator 对象为开发者提供了丰富的信息，使得开发者能够根据客户端的特性和能力来优化网页的功能和性能，提供更好的用户界面和交互体验。然而，使用 navigator 对象时也需要考虑隐私和安全问题，避免不当使用用户信息。
 

在实际开发中，一般会结合其他特性检测方法，如特性检测（feature detection）、能力检测（capability detection），以及避免过度依赖用户代理字符串，因为用户代理字符串可以被伪造，且仅依赖它进行检测可能导致误判。
 

在Web开发中，navigator 是 JavaScript 的一个全局对象，它提供了关于浏览器的信息，包括用户代理字符串（user agent string）、浏览器和操作系统的语言、以及浏览器插件等信息。navigator 对象是 Window 对象的一部分，因此可以直接在浏览器环境中访问。
 

以下是一些 navigator 对象的常用属性和方法：
 

以下是一些 navigator 对象的常用属性和方法：

navigator.userAgent:

返回一个包含浏览器名称和版本信息的字符串。
console.log(navigator.userAgent);
navigator.platform:

返回用户的操作系统的字符串表示。
console.log(navigator.platform);
navigator.language 或 navigator.languages:

返回用户偏好的语言代码。
console.log(navigator.language); // 例如: "en-US"
console.log(navigator.languages); // 返回一个包含用户偏好语言的数组
navigator.onLine:

返回一个布尔值，指示客户端是否连接到互联网。
console.log(navigator.onLine); // true 或 false
navigator.cookieEnabled:

返回一个布尔值，指示浏览器是否启用了 cookies。
console.log(navigator.cookieEnabled); // true 或 false
navigator.maxTouchPoints:

返回一个整数，表示设备支持的最大触摸点数。
console.log(navigator.maxTouchPoints);
navigator.geolocation:

提供了访问用户设备地理位置信息的接口。
navigator.geolocation.getCurrentPosition(
  function(position) {
    console.log(position.coords.latitude, position.coords.longitude);
  },
  function(error) {
    console.error(error);
  }
);
navigator.userAgentData:

提供了访问用户代理的品牌、版本以及其它相关信息的接口。
console.log(navigator.userAgentData.brands); // 返回浏览器品牌的数组
console.log(navigator.userAgentData.mobile); // 检查是否为移动设备
navigator.serviceWorker:

提供了与浏览器中的 Service Workers 交互的接口。
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js');
}
navigator.registerProtocolHandler():

允许网站注册自定义协议处理程序。
navigator.sendBeacon():

允许在页面卸载时异步传输小数据。
 

使用 navigator 对象时，需要注意隐私和安全问题，因为某些属性可能会泄露用户的敏感信息。例如，userAgent 字符串可以被用来识别用户使用的浏览器和操作系统，这可能会被用于不正当的跟踪或浏览器指纹识别。
 

此外，由于 navigator 对象包含很多属性和方法，不同的浏览器和操作系统可能会有不同的实现，因此在跨浏览器兼容性方面需要特别注意。
 

 

注意：立即执行函数写法！
 

六、histroy(前进后退)
 

 

 

七、本地存储
 

浏览器本地存储是Web应用程序中用于存储数据的一种机制，允许数据保留在用户的设备上，而不是在服务器上。这有助于提高性能、减少服务器负载，并可以改善用户在离线状态下的体验。以下是一些常见的浏览器本地存储技术：
 

  1.  
    Cookie:
     
  
    • 最早的浏览器存储技术之一。Cookie 很小（一般不超过4KB），并且会在每次请求时被发送到服务器，适合存储会话信息或个人偏好设置。
  2.  
    Web Storage (localStorage 和 sessionStorage):
     
  
    •  
      提供了超过Cookie的存储容量，localStorage 没有大小限制，但大多数浏览器限制在大约5MB左右。localStorage 用于长期存储整个网站的数据，而 sessionStorage 为单个会话提供数据存储，当用户关闭浏览器标签或窗口时，数据会被清除
       
  3.  
    IndexedDB:是一种低等级的API用于客户端的存储，可以存储大量数据，包括字符串、文件、图片等。IndexedDB 提供了比 Web Storage 更复杂的数据存储能力，支持事务、键值对索引以及更复杂的查询。
     
 

localStorage 示例：

localStorage.setItem('username', 'JohnDoe');
var username = localStorage.getItem('username');
localStorage.removeItem('username');
sessionStorage 示例：

sessionStorage.setItem('viewState', 'someValue');
var viewState = sessionStorage.getItem('viewState');
sessionStorage.removeItem('viewState');

 

 

1.localStorage 
 

 

 

注意：只能存字符串
 

复杂类型存储
 

 

转回来
 

 

 

// 存储对象
var obj = { name: "John", age: 30 };
localStorage.setItem('user', JSON.stringify(obj));

// 读取对象
var userStr = localStorage.getItem('user');
var userObj = JSON.parse(userStr);
 

2.sessionStorage
 

 

八、数组函数（map和join）
 

 

 


                

        

        

    




    

      

        

            

              
                
                  G24gg
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    31
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    20
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
ES6基础-数组

				
			

			

				

					erdouzhang
				

				

					06-13
					
					316
					
				

			

		

		

			
				
150讲轻松搞定Python网络爬虫
                  
ES6
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到...

			
		

	



                

              
                



	

		

			

				
					
前端JavaScript笔记整理

				
			

			

				

					04-18
				

			

		

		

			
				
Web API：DOM操作、定时器、事件、回调函数、日期对象、节点操作、移动端事件、Windows对象、本地存储、正则表达式 JavaScript高级：作用域、函数进阶、解构赋值、构造函数、编程思想、原型、深浅拷贝、异常处理、...

			
		

	



                


  
              

                


	

		

			

				
					
js 数组中的常用事件

				
			

			

				

					Fly的博客
				

				

					06-24
					
					950
					
				

			

		

		

			
				
js 数组中的常用事件


    var oldArray = [{
        name: "李晨",
        age: 21
    }, {
        name: "王晓",
        age: 22
    }, {
        name: "赵四",
        age: 23
    }];

目录

js 数组中的常用事件

1.添加

2.删除

...

			
		

	





	

		

			

				
					
JS 对象与数组的监听实例

				
			

			

				

					06-07
				

			

		

		

			
				
打开就能运行，无任何依赖，简单的MVVM 的实例 。采用属性访问器来实现，需要浏览器较高的版本。最好使用chrome .代码仅提供给大家一个思路和技术交流

			
		

	



		

			
		



	

		

			

				
					
JS的方法

				
			

			

				

					weixin_46195945的博客
				

				

					08-27
					
					207
					
				

			

		

		

			
				
一.js数据类型
“JavaScript的数据类型共有六种。分别是undefined、null、boolean、number、string、object（ES6新增第七种Symbol数据类型，它的实例是唯一且不可改变的类型的值）。”
二.js数组的方法
1.push
2.concat方法

3.pop方法
删除数组中的最后一个元素
且会将这个被删除的元素返回
4.splice 方法
删除或插入指定位置的元素
函数的原型为splice(index,howmany,element1,…,elementX)
in

			
		

	





	

		

			

				
					
js课程复习实践2:事件和数组

				
			

			

				

					WLB 的博客
				

				

					10-15
					
					98
					
				

			

		

		

			
				
四、事件
先写了一个小项目： 简单计算器
代码如下:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-sc

			
		

	





	

		

			

				
					
Js中作用域对于数组绑定事件的影响

				
			

			

				

					DoubleJan的博客
				

				

					06-09
					
					1442
					
				

			

		

		

			
				
Js中作用域对于数组绑定事件的影响Js中，分割作用域的只有函数，也就是说，当你没有进入一个函数内，那么你当前的作用域，你当前的this指针，和其他的变量都是由外围函数管理。首先我们看一段代码for(var i = 0;i<imgs.length;i++){
    imgs[i].onclick = function(){
        alert(imgs.src);
    }
}
这里很明显

			
		

	





	

		

			

				
					
Javascript 对象 - 数组对象

				
			

			

				

					dianmou7334的博客
				

				

					10-25
					
					88
					
				

			

		

		

			
				
JavaScript核心对象

数组对象Array
字符串对象String
日期对象Date
数学对象Math



数组对象
数组对象是用来在单一的变量名中存储一系列的值。数组是在编程语言中经常使用的一种数据结构，可以用来存储一系列的值，在JavaScript中同一数组中可以存储不同数据类型的数据。
1.创建数组

创建一个大小为的数组

　　　　va...

			
		

	





	

		

			

				
					
JavaScript核心对象-数组对象

				
			

			

				

					半夏陌殇Earth
				

				

					10-26
					
					583
					
				

			

		

		

			
				
JavaScript核心对象-数组对象




在JavaScript中，所有的一切都是对象，为了便于开发工作，JavaScript提供了处理字符串、数学运算、日期和时间、正则表达式和数值等一系列的内置对象，它们都遵从ECMAScript1.0规范，因此在所有平台下这些对象的功能和表现都是一样的。
 
数组是一种具有相同类型值的集合，它的每一个值称为数组的一个元素。数组用于在内存中存

			
		

	





	

		

			

				
					
acebase:受Firebase实时数据库的启发，针对node.js的快速，低内存，支持事务和查询的JSON数据库服务器

				
			

			

				

					05-14
				

			

		

		

			
				
 支持存储JSON对象，数组，数字，字符串，布尔值，日期和二进制（ArrayBuffer）数据。 受Firebase实时数据库的启发（并在很大程度上与之兼容），具有附加功能和较少的数据分片/复制。 能够在二进制数据库文件中存储...

			
		

	





	

		

			

				
					
devleague:来自同事的挑战项目

				
			

			

				

					05-18
				

			

		

		

			
				
吉邮GeeMail是一种编码练习，旨在模拟电子邮件Web应用程序收件箱。描述面对这种编码挑战，您将创建一个您可能会或可能不会听说的鲜为人知... 数组中的每个对象都具有以下属性： 日期-发送日期消息主题-邮件的主题发件人

			
		

	





	

		

			

				
					
play框架手册

				
			

			

				

					10-17
				

			

		

		

			
				
支持类型的数组或集合 - 28 - POJO对象绑定 - 29 - JPA 对象绑定 - 30 - 定制绑定 - 30 - @play.data.binding.As - 30 - @play.data.binding.NoBinding - 31 - play.data.binding.TypeBinder - 31 - @play.data....

			
		

	





	

		

			

				
					
精通AngularJS part1

				
			

			

				

					10-10
				

			

		

		

			
				
promise是第一类JavaScript对象87  聚合回调88  注册回调和承诺的生命周期88  异步动作的链式调用89  关于$q的其他91  AngularJS中的$q集成93  33promiseAPI与$http94  34与RESTful端点通信95  $resource服务95  ...

			
		

	





	

		

			

				
					
js数组变化监听

				
			

			

				

					baidu_36831253的博客
				

				

					09-06
					
					4643
					
				

			

		

		

			
				
http://www.51xuediannao.com/javascript/javascriptjtszbh_1258.html 
1.）实现一个Array的子类，继承他的方法，在其中添加方法。



class NewArray extends Array {
        constructor(...args){
            super(...args)
        }
...

			
		

	





	

		

			

				
					
[Vue-常见错误]浏览器显示Uncaught runtime errors

				
			

			

				

					一个喜欢什么都研究一下的小小后端程序员
				

				

					06-09
					
					303
					
				

			

		

		

			
				
在vue.config.js中配置关闭Uncaught runtime errors显示。

			
		

	





	

		

			

				
					
vue3如何定义一个组件

				
			

			

				

					Java程序员专栏
				

				

					06-09
					
					501
					
				

			

		

		

			
				
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...

			
		

	





	

		

			

				
					
Harmony 开发的艺术 面向对象

				
			

			

				

					不懂先生的博客
				

				

					06-13
					
					748
					
				

			

		

		

			
				
然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。

			
		

	





	

		

			

				
					
JS-12-es6常用知识-async

					
最新发布

				
			

			

				

					m0_68467925的博客
				

				

					06-13
					
					416
					
				

			

		

		

			
				
关键字async作用：声明一个函数为异步函数，允许函数内部使用await关键字等待 Promise 对象的完成。返回值：异步函数总是返回一个 Promise 对象，无论函数内部是否有显式的return语句。如果没有返回语句，函数会隐式地返回一个已解析（resolved）的 Promise，其值为undefined。

			
		

	





	

		

			

				
					
1009 - 数组逆序

				
			

			

				

					07-28
				

			

		

		

			
				
要将数组逆序，可以使用以下方法：

1. 创建一个新的数组，长度与原始数组相同。
2. 使用一个循环，从原始数组的末尾开始迭代，将每个元素依次复制到新数组的开头。
3. 返回新的数组作为结果。

下面是一个示例的 JavaScript 代码：

```javascript
function reverseArray(arr) {
  var reversedArr = [];
  for (var i = arr.length - 1; i >= 0; i--) {
    reversedArr.push(arr[i]);
  }
  return reversedArr;
}

var array = [1, 2, 3, 4, 5];
var reversedArray = reverseArray(array);
console.log(reversedArray); // 输出 [5, 4, 3, 2, 1]
```

希望这可以帮助到你！如果你有其他问题，请随时提问。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值