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

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

如何:

创建: 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. Akka并发编程框架 -概念模型(Akka.net或者Orleans)

    Akka 来构建具备高容错性.可以横向扩展的分布式网络应用程序. Akka 通常是指一个强大的分布式工具集,用于协调远程计算资源来进行一些工作 Akka 工具集以及Actor 模型的介绍. Actor ...

  2. iOS8之后搜索框的常规实例

    1.在一个二级导航控制器中添加一个UITableviewController作为子控制器 2.UITableviewController.tableView 作为展示结果 3.利用iOS之后的UISe ...

  3. 3. Scala运算符

    3.1 运算符介绍 运算符是一种特殊的符号,用以表示数据的运算.赋值和比较等 1) 算术运算符 2) 赋值运算符 3) 比较运算符(关系运算符) 4) 逻辑运算符 5) 位运算符 3.2 算术运算符 ...

  4. 树莓派与Linux系统之间文件传输

    最近因为要学习Python,于是把放在家里接了一年灰的树莓派又给搜出来了,刚买那会也捣鼓了好一阵子, 基本操作都学会了,但现在又忘光了,只能又从头开始搞了,首先第一个要解决的是怎么把文件从电脑传输到树 ...

  5. vue设置背景图片

    现在data里面定义: note: { backgroundImage: "url(" + require("../../assets/home/bigdatabak.p ...

  6. rabbit_mq实现分布式事务

    gitlab下载地址: 一.rabbitmq实现原理 一般在自己内部系统中建议采用lcn刚性事务来处理,面对调用第三方接口,或者夸平台语言是采用消息中间来实现补偿型事务.注意在进行补偿时需要注意重复调 ...

  7. vue 基础的一些字眼及路由

    每个框架都有一些自己的写法和一些字眼 摘自 vue 官网 v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url">...& ...

  8. Asp.net 使用线程池实例

    实际开发经常会使用线程,如果每次使用都是创建线程.启动线程,然后销毁线程,从性能上来讲,非常占用系统开销,当线程达到一定量的时候会影响程序的运行和处理效率. 使用线程池:好处:线程池是一种多线程处理形 ...

  9. 前端 CSS语法

    每个CSS样式由两个组成部分: 1.选择器 2.声明 声明由属性和值组成,每个声明之后用分号结束.

  10. 405 Method Not Allowed error with PUT or DELETE Request on IIS Server

    昨天手贱去一台服务器上装了Webdav. 一开始以为这个报错是跨域问题, 最近一直遇到用自动的publish发布到FTP出问题也就没想到是Webdav的问题 而且这东西装了还不能删除 处理办法 IIS ...