JavaScript核心--Function
什么是: 保存一段可重用的代码段的对象
何时: 只要一段代码可能反复使用时,都要封装为函数,反复调用函数
如何:
创建: 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的更多相关文章
- javascript 核心语言笔记- 3 - 类型、值和变量
JavaScript 中的数据类型分为两类:原始类型(primitive type)和对象类型(object type).原始类型包括数字.字符串和布尔值 JavaScript 中有两个特殊的原始值: ...
- 最新的JavaScript核心语言标准——ES6,彻底改变你编写JS代码的方式!【转载+整理】
原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...
- JavaScript 核心参考教程 内置对象
这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft).Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 ...
- JavaScript之Function函数深入总结
整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下 ...
- Javascript核心概述 - 深入了解javascript
/* 一.执行上下文:堆栈(底部全局上下文+顶部当前活动上下文) */ /* 二.变量对象: 变量根据执行上下文,找到数据存储位置,这种机制叫变量对象 1. 变量都要var定义,且都不能delete ...
- 《JavaScript核心概念》基础部分重点摘录
注:<JavaScript核心概念>适合深入了解JavaScript,比我买的<JavaScript框架设计>语言和内容丰富多了(可能是我水平尚浅吧). 1. 作用域 var ...
- JavaScript核心
JavaScript核心 arguments对象 Array对象 Boolean对象 Date对象 Error对象 Function对象 Global对象 Math对象 Number对象 Object ...
- JavaScript编程:javaScript核心基础语法
1.javaScript核心基础语法: javaScript技术体系包含了5个内容: 1.核心语言定义: 2.原生对象和雷子对象: 3.浏览器对象 ...
- 一.javascript核心部分:1.词法结构
本文作为个人学习笔记,一直也没有重视javascript的系统学习(javascript是最容易被人忽视的语言),我都是要用的时候百度一下查找下资料开始用,但没有系统的,学习,和整理过javascri ...
随机推荐
- 《ABCD组团队》第二次作业
ABCD组:二手车价格预测系统 项目 内容 这个作业属于哪个课程 http://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.c ...
- Windows命令行设置dns
管理员运行cmd 1.dns配置成192.168.1.200 netsh interface ip set dns name="以太网" source=static addr=19 ...
- JMeter学习-042-JMeter BeanShell 脚本应用实例之正则应用:正则提取,批量获取测试数据
特别声明:本示例中,涉及的脚本及通过脚本获取的数据,仅可作为学习使用,禁止任何商业用途.若因使用人非法使用而构成违法或犯罪,由具体违法或犯罪的使用人自行承担.与本人及技术博客无关. 实际测试过程中经常 ...
- python读取数据库并把数据写入本地文件
一,介绍 上周用jmeter做性能测试时,接口B传入的参数需要依赖接口A生成的借贷申请ID,接口A运行完需要把生成的借贷申请ID导出来到一个文件,作为参数传给接口B,刚开始的时候,手动去数据库倒, 倒 ...
- Nginx实现负载均衡的简单案例
七层负载均衡的实现(Nginx): 基于URL等应用层信息的负载均衡,一般使用Nginx来实现 Nginx的proxy是它一个很强大的功能,实现了7层负载均衡 功能强大.性能卓越.运行稳定 配置简单灵 ...
- Mac OS 安装robotframework
1,查看当前系统默认的Python路径 which python1==> /usr/bin/python 2,查看当前python 版本 python1==> Python 2.7.10 ...
- typeof 踩坑总结
typeof '123' == 'string' // true typeof ('123' == 'string' ) // "boolean" typeof 123 == N ...
- python装饰器扩展之functools.wraps
我们知道函数被装饰器,装饰后,所有的属性,以及内置函数就失效了. 原因是函数类型变成了warpper类型 示例1:不带wraps装饰器示例 def warfunc(func): def warpper ...
- AspnetCore WebApi使用Swagger简单入门
微软官网入门:https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/web-api-help-pages-using-swagger?view= ...
- .htaccess实现php网站伪静态
伪静态是啥?很简单,就是假的静态网页...例如有个网页是:www.xxx.com/index.php?id=1这是动态网页,php后缀的如果改成:www.xxx.com/index-1.html那么这 ...