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

原文地址:https://www.cnblogs.com/cxmSuperman/p/9257638.html

时间: 2024-10-10 16:46:14

JavaScript核心--Function的相关文章

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

原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructuring 箭头函数 Arrow Functions Symbols 集合 学习Babel和Broccoli,马上就用ES6 代理 Proxies ES6 说自己的宗旨是"凡是新加入的特性,势必已在其它语言中得到强有力的实用性证明."--TRUE!如果你大概浏览下 ES6 的新特性,事实上它

javascript的Function 和其 Arguments

http://shengren-wang.iteye.com/blog/1343256 javascript的Function属性:1.Arguments对象2.caller 对调用单前函数的Function的引用,如果是顶层代码调用, 则返回null(firefox返回undefined). 注:只有在代码执行时才有意义3.length 声明函数是指定的命名参数的个数(函数定义是,定义参数的个数)4.prototype 一个对象,用于构造函数,这个对象定义的属性和方法 由构造函数创建的所有对象

JavaScript获取Function的名字

如何获取JavaScript中Function的名字是一个很基本的问题.可以通过将function转化成字符串,用substring取它的名字,或者使用ECMAScript 6中的Function.name的支持.此属性只有在IE下有可能不兼容.详见MDN. 关于从字符串中获得其名字的方法如下 (转自stackoverflow): function functionName(fun) { var ret = fun.toString(); ret = ret.substr('function '

Javascript使用function创建类的两种方法

1.使用function类 //myFunction.js var CMyFunc=function() { //类的公共方法,供外部调用 this.Func1=function() { var i=0; return i; } this.Func2=function() { _privateFunc(); } //类中的私有方法,供公共方法调用 function _privateFunc() { return 0; ] } CMyFunc myFunc=new CMyFunc(); 使用:其它

javaScript之function定义

背景知识 函数定义 在javaScript中,function的定义有3种: 1.匿名定义                function(){} 2.非匿名定义                function fn(){}                fn = new Function(); 触发函数执行 对于匿名函数:                        (function(){})();       //执行一个匿名函数                        var f

javascript 之Function对象的apply(),call(),bind(),方法和arguments,caller,length属性

注:这篇文章原文:http://www.jb51.net/article/30883.htm 自己作为学习,重新写写. 一.写在前面的话 前端javascript编程还只是略懂皮毛,DOM知道一点,jquey会用一点点,深知夯实基础,了解前端的系统的知识对于web开发(自己主要做的是PHP后台的开发)的重要.固然,要用什么,就查什么(现学现卖)很合理,但对于长远来讲,只是在隔靴捎痒,很难有实际的作为. 故,痛定思痛,应该对web前端,尤其是 javascript开发(过程式-->面向对象-->

javascript中(function($){...})(jQuery)写法是什么意思

在javascript中 (function($){...})(jQuery)的写法是什么意思. ======================================================================   //这是一条分割线. 首先 function(arg){ //.... } 这种形式的在javascript中称之为匿名函数.arg则是匿名函数的参数. 而(function($){ })(jQuery);这种形式则是执行匿名函数并且传递参数jQuery.

JavaScript Nested Function 的时空和身份属性

JavaScript 的function 不仅仅是一等公民,简直就是特殊公民.它有许多独特的特征: 1) 它是object,可以存储,传递,附加属性. 2) 它可以有lexical closure, 是事件处理,和OOP encapsulation 的方便工具. 3) 它可以匿名,然后通过变量名或者依附于一个object 的 property来被调用 4) 它有多种“被定义”方式:可以通过function statement, function expression, new, Function

Javascript中Function declarations 理解

首先来看一段代码: 1.f = function() {return true;}; 2.g = function() {return false;}; 3.(function() { 4. if (g() && [] == ![]) { 5. f = function f() {return false;}; 6. function g() {return true;} 7. } 8.})(); 9.console.log(f()); 理解上面这段code有几个关键点: 第4行code的