本文实例讲述了JavaScript封闭函数及常用内置对象。分享给大家供大家参考，具体如下：
封闭函数
在封闭函数内部定义的函数与外部函数尽管同名也没有关系，同理，定义的变量也可以同名。
封闭函数的写法，一是加括号，一是加感叹号。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封闭函数</title>
[removed]
var num = 22;
function f() {
alert("hello ");
}
(functi
JavaScript中的封闭函数是一种重要的编程技巧，它涉及到函数的作用域和变量生命周期的概念。封闭函数允许内部函数访问外部函数的变量，而这些变量在外部函数执行完毕后依然存在。这主要是通过函数作用域链实现的，即使外部函数执行结束，内部函数仍然可以保留对外部作用域的引用。
在提供的代码示例中，封闭函数的两种常见写法被展示出来：
1. 加括号的写法：
```javascript
(function () {
// 内部函数和变量
})()
```
这种写法创建了一个立即执行的匿名函数（IIFE, Immediately Invoked Function Expression），在函数体内部定义的变量和函数不会污染全局作用域。
2. 加感叹号的写法：
```javascript
!function () {
// 内部函数和变量
}()
```
这是一种等价的IIFE写法，通过逻辑非操作符`!`将函数表达式转换为布尔值，然后强制执行这个表达式。
此外，代码还提到了JavaScript的一些常用内置对象：
1. `document`对象是HTML文档的根对象，提供了一系列方法用于操作文档，如：
- `document.getElementsByTagName()`：根据标签名获取所有元素。
- `document.getElementById()`：通过元素的ID获取特定元素。
- `document.referrer`：返回上一个页面的URL。
2. `location`对象是窗口对象的一部分，用于处理当前页面的URL，包括：
- `window.location.href`：获取或设置当前页面的完整URL。
- `window.location.search`：获取URL中问号`?`后的查询参数部分。
- `window.location.hash`：获取URL中的锚点（#后的部分）。
在示例中，`window.onload`事件用于在页面完全加载后执行指定的函数。`document.referrer`用于获取上一个页面的URL，`window.location.href`用于改变当前页面的URL。此外，还展示了如何根据URL的查询参数来动态改变页面元素的样式，如根据参数改变body的背景颜色。
总结来说，封闭函数是JavaScript中控制作用域和变量生命期的有效工具，而`document`和`location`对象则是处理和操作网页内容、导航和状态的关键对象。理解并熟练运用这些概念和技术对于编写高质量的JavaScript代码至关重要。
