JavaScript封闭函数及常用内置对象示例资源-CSDN文库

109 浏览量 2020-11-29 17:55:10 上传评论收藏 51KB PDF 举报

本文实例讲述了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代码至关重要。

资源推荐

资源评论