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 ...
随机推荐
- Java中的常用集合类型总结
1.可重复列表(List) LinkedList和ArrayList的区别:http://www.importnew.com/6629.html ArrayList vs. LinkedList vs ...
- 14 - How to check replication status
The people using PostgreSQL and the Streaming Replication feature seem to ask many of the same quest ...
- git 环境搭建
1. 生成ssh-key 并上传到 git服务器上 #cd $HOME #ssh-keygen -t rsa -C "youremail@example.com" -t 是类型,- ...
- 44-0-STM32的CAN外设
1.RS-485 协议主要是把 RS-232 的信号改进成差分信号,从而大大提高了抗干扰特性: 在 RS-485 通讯网络中,节点中的串口控制器使用 RX 与 TX信号线连接到收发器上,而收发器通过差 ...
- JAVA学习笔记 (okHttp3的用法)
最近的项目中有个接口是返回文件流数据,根据我们这边一个验签的插件,我发现里面有okHttpClient提供了Call.Factory,所以就学习了下okHttp3的用法. 1.概述 okhttp是一个 ...
- AFNetWorking同步请求
dispatch_semaphore_t semaphore = dispatch_semaphore_create(0); //创建信号量 AFHTTPSessionManager *manager ...
- VMware运行gazebo,关于vmw_ioctl_command error Invalid argument错误
运行rviz 时报 VMware: vmw_ioctl_command error 无效的参数. 这个错误. 或者 运行gazebo,关于vmw_ioctl_command error Inval ...
- git merge后如何撤销
merge后发现冲突太多,或者合并的分支代码并不是最新,那就直接撤销再合并好了. git reset --hard HEAD 用来撤销还没commit 的merge,其实原理就是放弃index和工作区 ...
- notify.min.js
/*! * @wcjiang/notify v2.0.11 * JS achieve the browser title flashing , scrolling, voice prompts , c ...
- U面经Prepare: Web Address
题目是给你一堆域名,其中一些是另一些的parent,比如.com是.youku.com的parent,然后.youku.com是.service.youku.com的parent这样,然后再给你一个网 ...