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 ...
随机推荐
- STM32 STOP模式唤醒后的时钟
进了STOP模式后,PLL停掉了,所以,如果开始的时钟配置,用的是PLL,那么唤醒后,需要重新配置RCC. 如果使用的是PLL,及时是用MSI作为时钟源,放大出来的,比如4M的MSI,PLL放大到48 ...
- socks-proxy---with ssh
socks-proxy---with sshhttps://blog.csdn.net/scien2011/article/details/54562501
- 如何成功安装旧版本火狐,成功安装firebug和firepath插件
很久不用火狐了,为了练习selenium定位浏览器等操作,下载了火狐浏览器,新版火狐已经没有firebug和firepath等插件,无法使用,只有安装老版本的火狐:*****安装好之后立刻设置不让他自 ...
- Cross-Origin跨域问题
为什么会跨域,要先了解浏览器的同源策略SOP(Same Orign Policy) https://segmentfault.com/a/1190000015597029 同源: 如果两个页面的协议 ...
- DS1-13
#include <stdio.h> #define MAXSIZE 10000 int Max3(int A, int B, int C); int DivideAndConquer(i ...
- 资讯类产品-创业邦APP产品原型模板公开分享
众所周知,知识付费和资讯是近年来两个受关注度极高的互联网产品方向.18年喜马拉雅“123狂欢节”,3天时间内容消费额4.35亿,足见知识付费内容市场的火爆.字节跳动凭借今日头条APP起家,逐渐跻身互联 ...
- GET和POST两种基本请求方法(转自博主--在途中#)
GET和POST两种基本请求方法的区别 GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二. 最直观的区别就是GET把参数包含在URL中,POST通过req ...
- C#学习笔记(2)
1.获取当前可用串口端口号 using System.IO.Ports; string[] portNames = SerialPort.GetPortNames(); 2.TextBox换行.设置光 ...
- Error:java: Annotation processing is not supported for module cycles. Please ensure that all modules from cycle [web_dao,web_service] are excluded from annotation processing
早上学习maven环境搭建时遇到的这个问题 下面这个错误的大概意思是:模块之间的互相依赖 Error:java: Annotation processing is not supported for ...
- CSS常见兼容问题以及解决办法
浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况. 这里谈到的浏览器,主要指IE6/IE7/IE... FireFox Chrome Opera Safar ...