15、作用域

概念: 规定变量或函数的可被访问的范围和生命周期

分类: 全局作用域 -就是指当前整个页面环境;

局部作用域(函数作用域) -就是指某个函数内部环境

l 变量的作用域

全局变量 - 定义在全局作用域中的变量;全局变量在任何位置均可访问

局部变量 - 定义在函数作用域中的变量;只能在该函数内访问该变量

  • Ø 全局变量:

var a = ‘A’ ;   ---全局变量                  对比    |     var a = ‘A’;  ---全局变量

function fn ( ){                                   |       function fn ( ){

a=’B’; ---全局变量[不加var, 会自动提升(不推荐)] |       var a=’B’; ---局部变量

console.log(a); // ’B’                              |       console.log(a); // ’B’

}                                              |        }

fn( );                                             |     fn( );

console.log(a); // ’B’                                 |     console.log(a); // ’A’

  • Ø 局部变量

var a = 'A'

function fn( ){

var b = 'B';   // 定义局部变量

console.log(a);  // 输出 A  在局部作用域中访问全局变量a

console.log(b);  // 输出 B  在局部作用域中访问局部变量b

}

fn( );

console.log(b);  // 输出报错  在全局作用域中不可以访问局部变量b

【注:在局部作用域中可以访问全局变量,在全局作用域不可以访问局部变量】

² 按值传递:

将全局变量作为函数的实参传递给函数内部

* 函数的内部只是得到全局变量的值 - 不是全局变量

* 函数的内部操作形参的值时 - 不会影响全局变量

u 函数的作用域:

全局函数 - 定义在全局作用域的函数;

内部(私有)函数 - 定义在函数作用域的函数

全局函数与局部函数的作用域对比

16、特殊函数

匿名函数

概念:没有名的函数(没有名,也就无法调用)   注:语法上不许,编写报错,运行报错

eg: function ( ){                             应用于自调函数和回调函数

console.log('this is function');

}

( );

自调函数

概念:自己调用自己的函数(只能调用一次);        特点:只需要定义即可(定义即调用)

格式: ( )( ); 或 ( ( ) );          ---第一个小括号: 定义函数;第二个小括号: 调用函数

作用:用于优化所有全局变量和函数

eg: ( function(a,b){ console.log('this is song' + a); }) ( 1,2 );  //this is song 1

eg: ( function(a,b){ console.log('this is song' + a); } ( 1,2 ));  //this is song 1

回调函数

概念:函数作为参数传递给另一个函数时,作为参数的函数被称之为回调函数

优点:

*可以在不做命名的情况下传递函数(这意味着可以节省全局变量)。

*可以将一个函数调用操作委托给另一个函数(这意味着可以节省一些代码编写工作)。

*同时也有助于提升性能。

匿名回调函数:匿名函数作为另一个函数的参数出现,即目前只有函数调用才会加( )

作为值的函数

概念:函数A作为函数B的结果进行返回,作为结果返回的函数A称为作为值的函数。

即将内部函数放到return语句

作用:在全局作用域中访问到内部函数   在全局作用域中访问到局部变量

Js基础知识(作用域、特殊函数---自调、回调、作为值的函数)的更多相关文章

  1. JS基础知识笔记

    2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...

  2. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  3. HTML+CSS+JS基础知识

    HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...

  4. Node.js基础知识

    Node.js入门   Node.js     Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...

  5. 网站开发进阶(十五)JS基础知识充电站

    JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...

  6. NodeJs>------->>第三章:Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  7. JS基础学习——作用域

    JS基础学习--作用域 什么是作用域 变量的作用域就是变量能被访问到的代码范围,比如在下面的这个js代码中,变量a的作用域就是函数foo,因此在全局作用域内的console.log(a)语句不能访问到 ...

  8. 前端JS基础知识

    1. 原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象,用于实现对象的 属性继承.可以简单的理解成对象的爹.在 Firefox 和 Chrome 中,每个JavaScript ...

  9. [Js]基础知识

    一.JavaScript组成 1.ECMAScript 解释器.翻译(提供功能有限,如加减乘除,定义变量.函数等)   几乎没有兼容性问题 2.DOM    有一些兼容性问题 3.BOM(用的少,交互 ...

随机推荐

  1. Walking on the path of Redis --- Redis configuration

    废话开篇 Redis的安装是非常简单易操作的,但是配置就有点复杂了,要想得到高性能的Redis数据服务,深入了解下如何配置是很重要的. 配置详解 下面是主要的参数及说明,至于如何配置才能最优,目前还不 ...

  2. 这里介绍两种将矩阵写入TXT文件的方法。

    方法1 fid = fopen('data.txt','wt'); % data.txt为写入文件名 matrix = M; % M为要存储的矩阵 [m,n]=size(matrix); for i= ...

  3. 团体程序设计天梯赛-练习集-L1-024. 后天

    L1-024. 后天 如果今天是星期三,后天就是星期五:如果今天是星期六,后天就是星期一.我们用数字1到7对应星期一到星期日.给定某一天,请你输出那天的“后天”是星期几. 输入格式: 输入第一行给出一 ...

  4. ZJOI2015 幻想乡战略游戏 动态点分治_树链剖分_未调完

    Description 傲娇少女幽香正在玩一个非常有趣的战略类游戏,本来这个游戏的地图其实还不算太大,幽香还能管得过来,但是不知道为什么现在的网游厂商把游戏的地图越做越大,以至于幽香一眼根本看不过来, ...

  5. 【数据分析】算法+Echarts小练

    ''' 处理逻辑: 按number去处理 先遍历所有的number挨个去找有没有在列表里的,在列表里的拿出另外一个append 把number去除的列表 ''' li = [] with open(r ...

  6. echarts示例

    将做过的echarts图表通过示例形式展示,便于以后使用,基于vue ,echarts,leancloud实现 github源码地址:https://github.com/707293891/echa ...

  7. WEBGL学习【五】纹理贴图

    <html lang="zh-CN"> <!--服务器运行地址:http://127.0.0.1:8080/webgl/LearnNeHeWebGL/NeHeWe ...

  8. LVM man帮助

    > man lvm LVM(8) System Manager's Manual LVM(8) NAME lvm — LVM2 tools SYNOPSIS lvm [command|file] ...

  9. Python面向对象之静态方法、静态方法与类方法

    静态属性: 类调用函数属性时,需要先将类实例化,再将实例作为函数属性传入:类的实例调用函数属性时需要在后面加括号. class Building: def __init__(self, name, o ...

  10. 关于ajax异步请求不到数据的问题 302跨域请求

    项目大致问题是这样的 在线咨询模块的数据是通过ajax异步加载来请求到数据,然后动态解析并且显示 前台页面的请求代码 后台action: 另外就是这个项目还有一个登陆权限的认证,如果不登录后台或者登录 ...