什么是: 保存一段可重用的代码段的对象

何时: 只要一段代码可能反复使用时,都要封装为函数,反复调用函数

如何:

创建: 3种:

1. 直接量: function 函数名(参数列表){

函数体;

return 返回值;

}

缺: 会被声明提前, 打乱程序的执行顺序

解决:

2. 赋值: var 函数名=function(参数列表){

函数体;

return 返回值;

}

优: 不会被声明提前

揭示: 函数其实也是一个引用类型的对象

函数名其实只是一个普通的变量

函数名通过地址引用函数对象

function其实是创建一个新函数对象的意思

3. 用new:

var fun=new Function("参数1","参数2",...,"函数体")

重载(overload):

什么是: 相同函数名,不同参数列表的多个函数,在调用时,可根据传入的参数不同,自动选择匹配的函数执行。

为什么: 减少API的数量,减轻调用者的负担

何时: 只要一项任务,可能根据传入参数的不同,执行不同的流程时。

如何:

问题:js语法默认不支持重载,因为不允许多个同名函数同时存在!

解决: arguments

匿名函数:

什么是: 定义函数时,不指定函数名的函数

何时: 一个函数只使用一次时

为什么: 节约内存

如何: 2种:

1. 回调函数: 定义函数后,自己不执行,交给别的函数,由别的函数控制调用和执行过程。

2. 匿名函数自调: 函数定义后,自己调用自己!

为什么: 全局变量,用完,无法自动释放!污染全局!

解决: 今后禁止使用全局变量!

何时: 只有所有功能的代码,必须放在匿名函数自调中

如何: (function(){

//函数体

})();

作用域(scope):

什么是: 变量的可用范围

为什么: 保证内部的变量不会影响/干扰外部的程序

包括: 2种:

1. 全局作用域: window

保存全局变量: 特点: 随处可用,可重复使用!

2. 函数作用域:

保存局部变量: 特点: 仅函数内可用,不可重用!

函数的生命周期:

1. 程序开始执行前:

1. 创建执行环境栈(ECS): 用于记录有多少函数正在被调用

2. 在ECS中记录首先调用的浏览器主程序(main)

3. 创建全局作用域对象window,保存main函数执行所需的所有全局变量

2. 定义函数时:

1. 用函数名定义变量

2. 创建函数对象保存函数的定义,函数名变量通过地址引用函数对象

3. 函数对象的scope属性,指回函数来自的作用域

3. 调用函数时:

1. 在ECS中加入本次函数调用的记录

2. 为本次函数调用,创建函数作用域对象(活动对象AO)

3. 在活动对象AO中保存所有局部变量

4. 让AO的parent属性,指向函数的scope引用的作用域对象

调用过程中,变量的使用顺序:

先在AO中,使用局部变量

局部没有,才去全局找

4. 函数调用后:

1. ECS中本次函数调用的记录,出栈

2. 导致函数作用域对象AO释放

3. 导致AO中局部变量释放

作用域链(scope chain):

什么是: 由多级作用域对象逐级引用形成的链式结构

保存着所有变量

控制着变量的使用顺序: 先局部,后全局

闭包

什么是: 即重用变量,又保护变量不被污染的一种机制

为什么: 全局变量和局部变量都有不可兼顾的优缺点

全局: 优: 可反复使用, 缺: 随处可用,易被污染

局部: 优: 仅函数内可用,不会被污染

缺: 不可重用!

何时: 今后只要希望一个变量,即可重用,又不会被污染

如何: 3步:

1. 用外层函数包裹受保护的变量和内层函数对象

2. 外层函数将内层函数对象返回到外部

3. 使用者调用外层函数,获得返回的内层函数

缺: 闭包比普通函数占用更多的内存空间

解决: 如果闭包不再使用,应尽快释放!

将引用闭包结构的变量赋值为null

垃圾回收

什么是: 引擎会自动释放不再使用的对象的内存空间

为什么: 内存空间大小是有限的!系统都会释放不再被使用的对象,为后续新对象释放更多空间。

垃圾回收器: 专门统计并回收内存中不再被使用的对象的空间的 小程序

如何:

1. 垃圾回收器伴随主程序启动而启动,在后台伴随主程序运行而运行。

2. 垃圾回收器会记录每个对象被几个变量引用着

3. 只要一个对象不再被任何变量引用,则垃圾回收器自动释放该对象

习惯: 只要一个大对象,不再被使用,应该主动将变量赋值为null

JavaScript核心--Function的更多相关文章

  1. javascript 核心语言笔记- 3 - 类型、值和变量

    JavaScript 中的数据类型分为两类:原始类型(primitive type)和对象类型(object type).原始类型包括数字.字符串和布尔值 JavaScript 中有两个特殊的原始值: ...

  2. 最新的JavaScript核心语言标准——ES6,彻底改变你编写JS代码的方式!【转载+整理】

    原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...

  3. JavaScript 核心参考教程 内置对象

    这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft).Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 ...

  4. JavaScript之Function函数深入总结

    整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下 ...

  5. Javascript核心概述 - 深入了解javascript

    /* 一.执行上下文:堆栈(底部全局上下文+顶部当前活动上下文) */ /* 二.变量对象: 变量根据执行上下文,找到数据存储位置,这种机制叫变量对象 1. 变量都要var定义,且都不能delete ...

  6. 《JavaScript核心概念》基础部分重点摘录

    注:<JavaScript核心概念>适合深入了解JavaScript,比我买的<JavaScript框架设计>语言和内容丰富多了(可能是我水平尚浅吧). 1. 作用域 var ...

  7. JavaScript核心

    JavaScript核心 arguments对象 Array对象 Boolean对象 Date对象 Error对象 Function对象 Global对象 Math对象 Number对象 Object ...

  8. JavaScript编程:javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  9. 一.javascript核心部分:1.词法结构

    本文作为个人学习笔记,一直也没有重视javascript的系统学习(javascript是最容易被人忽视的语言),我都是要用的时候百度一下查找下资料开始用,但没有系统的,学习,和整理过javascri ...

随机推荐

  1. Python 模块定义、导入、优化详解

    一.定义 模块:用来从逻辑上组织 python 代码(变量,函数,类, 逻辑:实现一个功能),本质就是 .py 结尾的 python文件(例如:test.py文件,对应的模块名:test) 包:用来从 ...

  2. 如何使用mybatis插入数据之前就具生成id值

    SelectKey在Mybatis中是为了解决Insert数据时不支持主键自动生成的问题,该功能可以很随意的设置生成主键的方式. 不管SelectKey有多好,尽量不要遇到这种情况吧,毕竟很麻烦. k ...

  3. Web开发——Photoshop(PSD格式截取)

    Step1 将截取到的图片,存储为Web所用格式. Step2 在右上角选择存储格式为:PNG-24(PNG-8可能会出现白边).

  4. python webbrowser模块(浏览器操作)

    webbrowser模块提供了一个高级接口来显现基于Web的文档,大部分情况下只需要简单的调用open()办法. webbrowser定义了如下的反常: exception webbrowser.Er ...

  5. 3n+1猜想——模拟

    package dxb.com; import java.util.Scanner; public class caixiang { public static void main(String[] ...

  6. zabbix自定义监控项、添加图形、设置触发器、远程执行命令

    监控项是在zabbix中手机数据的基础,没有监控项就没有数据,系统自带模板带有大量默认item,自定义item可以定义在模板中,在应用模板即可使用对应item:也可直接在host中定义 目标:自定义监 ...

  7. phpstudy2018 安装xdebug扩展

    第一步:查看PHP版本信息 第二步:到xdebug下载页去下载最新的版本(注意:要下载PHP对应版本) 第三步:把扩展php_xdebug-2.7.0alpha1-7.2-vc15-nts.dll放到 ...

  8. js中类似null==flase的比较图集

    以上是比较全的图集了,大家可以自行测试.

  9. filter与map函数

    ·filter()函数filter()函数包括两个参数,分别是function和list.该函数根据function参数返回的结果是否为真来过滤list参数中的项,最后返回一个新列表,如下例所示:&g ...

  10. flask hook

    @app.before_first_requestdef before_first_request(): """在第一次请求之前会访问该函数""&qu ...