JavaScript发出请求是Web开发中经常使用的功能，通常用于与服务器交互获取数据或完成其他操作。比如说你正在开发一个在线商城网站，需要从后端获取商品信息并展示在前端页面上，这时就需要用到JavaScript发出请求的功能。

首先，我们需要了解发出请求的基本原理：JavaScript通过XMLHttpRequest对象（也叫XHR）来发出请求，XHR是浏览器提供的原生对象，可以用它建立与服务器的HTTP连接，并在连接中发送请求和接收响应。

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://api.example.com/products", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
//在这里处理响应数据
}
}
xhr.send();

上面的代码利用XHR对象发送了一个GET请求，请求的目标地址是http://api.example.com/products，请求是异步的。当XHR对象接收到服务器返回的响应时，会调用onreadystatechange事件，我们可以在该事件处理函数中根据XHR对象的readyState和status属性来判断请求的状态和响应的状态。当readyState为4且status为200时，说明请求成功，我们可以使用xhr.responseText属性获取响应的文本内容并做进一步处理。

在实际应用中，我们可能会需要提交表单数据、发送文件等更为复杂的请求。此时我们可以利用jQuery等第三方库来简化代码。以jQuery为例：

$.ajax({
url: "http://api.example.com/products",
type: "POST",
data: {
name: "iPhone",
price: 4999
},
success: function(data) {
//在这里处理响应数据
}
});

上面的代码利用$.ajax()函数向http://api.example.com/products发送了一个POST请求，并携带了表单数据name和price。当请求成功后，会调用success回调函数以处理响应数据。

总之，JavaScript发出请求是Web开发中非常常见的操作，我们需要掌握XHR对象的基本使用方法，以及如何利用第三方库来简化代码。在实际开发中，我们还需要注意请求的安全性、性能优化等问题，这些需要更深入的了解和实践。