浅谈JS封闭函数、闭包、内置对象

 更新时间:2017年07月18日 10:24:33   投稿:jingxian  
下面小编就为大家带来一篇浅谈JS封闭函数、闭包、内置对象。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一、变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量

1、全局变量:在函数之外定义的变量,为整个页面公用,函数的内部外部都可以访问。

2、局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问。函数内部访问变量时,先在内部查找是否有此变量,如果有,就使用内部,如果没有,就去外部查找

二、封闭函数封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。

1、一般函数的定义和执行函数

2、封闭函数的定义和执行:(function(){...})();还可以在函数定义前加上"~"或者"!"符号来定义匿名函数。

三、闭包

闭包就是函数嵌套函数,内部函数可以引用外部函数的参数和变量,参数和变量不会被垃圾回收机制收回

1、闭包用途1:将一个变量长期驻扎在内存当中,可用于循环中存索引值

2、闭包用途2:私有变量计数器,外部无法访问,避免全局变量的污染

四、内置对象1、document

比如说在商品详情页观看时,想去购买,这是会跳转到登录页面,登录成功后使用该方法跳转到商品详情页

document.referrer//获取上一个跳转页面的地址(需要服务器环境)

2、location

  a、window.location.href // 获取或者重定url地址

  

  b、window.location.search //获取地址参数部分

  

  c、window.location.hash //获取页面锚点或者哈希值

  

3、Math

  a、Math.random 获取0-1的随机值

  

  b、Math.floor 向下取整

  

  c、Math.ceil 向上取整

  

以上这篇浅谈JS封闭函数、闭包、内置对象就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript面向对象程序设计中对象的定义和继承详解

    JavaScript面向对象程序设计中对象的定义和继承详解

    这篇文章主要介绍了JavaScript面向对象程序设计中对象的定义和继承,结合实例形式详细分析了javascript面向对象程序设计中对象定义、继承、属性、方法、深拷贝等相关概念与操作技巧,需要的朋友可以参考下
    2019-07-07
  • 纯js实现画一棵树的示例

    纯js实现画一棵树的示例

    下面小编就为大家带来一篇纯js实现画一棵树的示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • javascript中setAttribute兼容性用法分析

    javascript中setAttribute兼容性用法分析

    这篇文章主要介绍了javascript中setAttribute兼容性用法,结合实例形式分析了javascript使用setAttribute进行属性设置操作的相关使用技巧,需要的朋友可以参考下
    2016-12-12
  • 简易的投票系统以及js刷票思路和方法

    简易的投票系统以及js刷票思路和方法

    这篇文章主要介绍了简易的投票系统以及js刷票思路和方法,文章十分的详尽,思路也很清晰,是篇非常不错的文章,这里推荐给大家,有需要的小伙伴可以参考下。
    2015-04-04
  • 微信小程序开发(一):服务器获取数据列表渲染操作示例

    微信小程序开发(一):服务器获取数据列表渲染操作示例

    这篇文章主要介绍了微信小程序开发服务器获取数据列表渲染操作,结合实例形式分析了微信小程序后台获取服务器数据及前台列表渲染相关操作实现技巧,需要的朋友可以参考下
    2020-06-06
  • js控制li的隐藏和显示实例代码

    js控制li的隐藏和显示实例代码

    下面小编就为大家带来一篇js控制li的隐藏和显示实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 前端使用JSON.stringify实现深拷贝的巨坑详解

    前端使用JSON.stringify实现深拷贝的巨坑详解

    这篇文章主要为大家介绍了JSON.stringify实现深拷贝的巨坑详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 谈一谈bootstrap响应式布局

    谈一谈bootstrap响应式布局

    这篇文章主要和大家谈一谈bootstrap响应式布局,本教程讲解如何在网页布局中应用响应式设计,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 首页图片漂浮效果示例代码

    首页图片漂浮效果示例代码

    图片漂浮效果想必大家都有见到过吧,一般都是通过js来实现的,下面为大家介绍的这个示例也是通过js实现的
    2014-06-06
  • 微信小程序实现图片拖拽调换位置效果(开箱即用)

    微信小程序实现图片拖拽调换位置效果(开箱即用)

    本篇文章给大家介绍如何在微信小程序中实现图片的拖拽排序和删除功能,通过创建自定义组件并使用示例代码,代码简单易懂,感兴趣的朋友跟随小编一起看看吧
    2024-12-12

最新评论