函数表达式(JavaScript高程笔记)
函数声明
特点:函数声明提升(执行代码之前解析器会先读取函数声明,并使其在执行任何代码之前可用,意味着可以把函数声明放在调用语句之后)
function functionName(arg0,arg1) {
//do something
}
函数表达式
特点:无提升(须等到解析器执行到它所在的代码行才会真正被解析执行)
1.最常见-匿名函数
var functionName = function() {
//do something
};
2.命名函数表达式
var functionName = (function f() {
//do something
});
一、递归
1.arguments.callee
一个指向正在执行的函数的指针,代替函数名
function factorial(num) {
if(num <= 1){
return 1;
} else {
return num * arguments.callee(num-1);
}
}
2.命名函数表达式
严格模式下arguments.callee报错,可用命名函数表达式代替
var factorial = (function f(num) {
if(num <= 1){
return 1;
} else {
return num * f(num-1);
}
});
二、闭包
闭包是指有权访问另一个函数作用域中变量的函数
创建闭包最常见的方式是在一个函数内部创建另外一个函数
由于闭包会携带包含它的函数的作用域,因此过度使用闭包可能会导致内存占用过多
闭包只能取得包含函数中任何变量的最后一个值(不是很理解)
//错误栗子
function createFunc() {
var result = new Array();
for(var i=0; i < 10; i++) {
result[i] = function() {
return i; //闭包,均返回i的最后一个值10
};
}
return result;
}
//正确栗子
function createFunc() {
var result = new Array();
for(var i=0; i < 10; i++) {
result[i] = function(num){
return function() {
return num;
};
}(i); //立即执行,传递当前值给参数num
}
return result;
}
关于this:匿名函数的执行环境具有全局性,其this通常指向window
IE9-:内存泄露-如果闭包的作用域链保存了一个HTML元素,则该元素无法被销毁
//错误栗子
function asignHandler() {
var element = document.getElementById('someElem');
element.onclick = function = () { //闭包
alert(element.id);
};
}
//正确栗子
function asignHandler() {
var element = document.getElementById('someElem');
var id = element.id; //保存副本
element.onclick = function = () { //闭包
alert(id); //弹出副本
};
element = null; //解除引用,回收内存
}
三、模仿块级作用域
JavaScript无块级作用域的概念
//无块级作用域
function outputNumbers(count) {
for(var i=0; i < count; i++) { //变量i在outputNumbers()的作用域中
alert(i);
}
alert(i); //在for外仍可访问变量i
}
//模仿块级作用域
function outputNumbers(count) {
(function() {
//这里是块级作用域,闭包,可访问外部变量
for(var i=0; i < count; i++) {
alert(i);
}
})();
alert(i); //报错!
}
//运用:避免全局变量和函数
//无指向匿名函数的引用,故能减少闭包占用的内存,只要函数执行完毕即可销毁其作用域链
//把以下代码放在全局作用域中
(function() {
var now = new Date(); //now为匿名函数的局部变量
if(now.getMonth() == 0 && now.getDate() == 1) {
alert('Happy new year!');
}
})();
四、私有变量与特权方法
1.在构造函数中定义特权方法
特点:每个实例都会创建同样一组新方法
function Person(name) { //name为私有变量
//两个特权方法
this.getName() = function() {
return name;
};
this.setName() = function(value) {
name = value;
};
}
2.在私有作用域中定义私有变量和函数(静态私有变量)
特点:私有变量和函数是每个实例共享的
(function() {
var name = ''; //共享的,静态私有变量,
Person = function(value) {
name = value;
};
Person.prototype.getName = function() {
return name;
};
Person.prototype.setName = function(value) {
name = value; //在一个实例上调用setName()会影响所有实例的name
};
})();
3.模块模式
为单例(只有一个实例的对象)创建私有变量和特权方法
适用于需要对单例进行某些数据的初始化,同时又要维护其私有变量的情形
var application = function() {
//私有变量和函数
var components = new Array();
//初始化
component.push(new BaseComponent()); //向数组添加了一个BaseComponent(无关紧要)的新实例
//特权方法
return {
getComponentCount : function() {
return components.length;
},
registerComponent : function(component) {
if(typeof component == 'object') {
components.push(component);
}
}
};
}();
4.增强模块模式(还没闹明白,明白后再补充)
本书其它章节中关于函数的内容
使用不带圆括号的函数名是访问函数指针,而非调用函数!
1.return
函数会在执行完return语句后停止并立即退出,因此,位于return语句之后的任何代码都永远不会执行
return语句也可以无返回值,函数停止执行后将返回undefined
2.参数
函数内可通过arguments对象(函数的两个特殊对象之一)来访问参数数组(但arguments并非Array的实例),可与命名参数一起使用
arguments与对应命名参数的内存空间是分别独立的,但它们的值会同步
参数并非必须命名
未传递值的命名参数将自动赋予undefined
arguments.callee:是一个指针,指向拥有这个arguments对象的函数(消除紧密耦合)
4.this(函数的两个特殊对象之一)
引用的是函数据以执行的环境对象
3.没有重载
两个名字相同的函数,该名字只属于后定义的函数
4.作为值的函数
ECMAscript中的函数名本身就是变量,所以函数可以作为值来使用
-可以像传递参数一样把一个函数传递给另一个函数(无圆括号)
-可以将一个函数作为另一个函数的结果返回
5.函数的内部属性
arguments对象
this对象
caller属性:指向调用当前函数的函数,如果是在全局中调用当前函数则其值为null,可通过arguments.callee.caller实现更松散的耦合
6.函数的属性和方法
length属性:表示函数希望接受的命名参数的个数
prototype属性:ECMAscript5不可枚举
*设置this的值的方法,能扩充函数的作用域(非继承方法)
-apply(作用域,[参数])
-call(作用域,参数1,参数2,参数3)
bind():创建一个实例,其this值绑定到bind()的参数
*继承方法
toLocaleString()、toString()、valueOf()
以上均返回函数的代码
函数表达式(JavaScript高程笔记)的更多相关文章
- JAVASCRIPT高程笔记-------第 七章 函数表达式
7.1递归 经典递归例子 function factorial(num){ if(num <= 1){ return 1; }else{ return num * factorial(num - ...
- JAVASCRIPT高程笔记-------第五章 引用类型
一.Object类型 1.1创建方式 ①new关键字 : var person = new Oject(); ②给定直接量: var person = { name : "zhangsan& ...
- DOM(JavaScript高程笔记)
一.节点层次 1.Node类型 if (someNode.nodeType == 1){ // 适用于所有浏览器 alert("Node is an element."); } N ...
- javaScript高程笔记--最佳实践
1.可维护性 <1>什么是可维护的代码 (1)可理解性 (2)直观性 (3)可适应性 (4)可扩展性 (5)可调试性 <2>代码约定 (1)可读性---适当的进行注释[函数和方 ...
- JAVASCRIPT高程笔记-------JSON与AJAX
json对象——语法 简单值:与JS相同语法,可以是字符串,数值,布尔值,null:但不支持undefined 对象: 复杂数据类型,表示一组有序的键值对,键值对的值可以是简单数据,也可以是复杂数据 ...
- JAVASCRIPT高程笔记-------第十章 DOM对象
10.1.1 node类型 --除IE外 所有浏览器都可以访问到这个类型 :JS中所有的节点类型都继承自Node类型 nodeName 与nodeValue 如果是一个元素 那么nodeName中保 ...
- javascript高程笔记-------第四章 变量、作用域和内存问题
首先JavaScript中的变量分为基本类型和引用类型. 基本类型就是保存在栈内存中的简单数据段,而引用类型指的是那些保存在堆内存中的对象. 1.参数传递 javascript中所有参数的传递都是值传 ...
- BOM(JavaScript高程笔记)
再次编辑于20160115 一.window对象 双重角色 JS访问浏览器窗口的接口 ECAMAscript规定的Global对象 1.全局作用域 所有在全局作用域中声明的变量.函数都会变成windo ...
- javascript高程笔记:逻辑与和逻辑或
逻辑与和或 逻辑与 当 && 前后两个操作数都是布尔值,无可厚非,同时为true才为true.与其他强类型语言不同的是,javascript逻辑与前后的操作数可以应用于任何类型. 而且 ...
随机推荐
- mysql查询语句分析 explain/desc用法
explain或desc显示了mysql如何使用索引来处理select语句以及连接表.可以帮助选择更好的索引和写出更优化的查询语句. explain 数据表 或 desc 数据表 显示数据表各字段含义 ...
- Postgres 的 JSON / JSONB 类型
从 MySQL 5.7.8 开始,MySQL 支持原生的 JSON 数据类型. 一.介绍 json是对输入的完整拷贝,使用时再去解析,所以它会保留输入的空格,重复键以及顺序等.而jsonb是解析输入后 ...
- postgresql-查看表大小
drop table tablesize create table tablesize( phone int) create table tablesize( phone text) create t ...
- tkinter如何设置界面消失 当制作一个登陆界面时,登陆成功之后,如何让登陆界面本身消失
tkinter如何设置界面消失 当制作一个登陆界面时,登陆成功之后,如何让登陆界面本身消失 if querySQL.checkAll():#用户名和密码都输入正确 self.root.withdraw ...
- Celery -- 分布式任务队列 及实例
Celery 使用场景及实例 Celery介绍和基本使用 在项目中如何使用celery 启用多个workers Celery 定时任务 与django结合 通过django配置celery perio ...
- 跨站请求伪造(CSRF攻击)理解
一 概念 你这可以这么理解CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求.CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取你的账号,甚至于购买商品,虚拟货币转账......造成的 ...
- Docker中使用createdump调试coreclr
应用上线后可能出现一些问题,通过源码排查,日志分析都不能确定具体原因的情况下,可以使用dump转存文件分析,netcore对于linux系统dump提供了createdump工具,配合lldb sos ...
- FineBI学习系列之FineBI的Windows里安装步骤(图文详解)
不多说,直接上干货! 先进入FineBI官网. http://www.finebi.com/product/download/ windows系统里FineBI的安装流程 1.从FineBI官网下载 ...
- linux(centos6.8 64位)下安装mysql5.7(yum方式)
下载mysql源安装包 # wget http:.noarch.rpm 安装mysql源包 #yum localinstall mysql57.noarch.rpm 检查mysql源是否安装成功 # ...
- Mysql在linux下载、安装详情,附带mysql安装包路径
对mysql在linux的安装网上很多,但是都比较坑人,mysql的下载.到用什么包安装,安装过程没有具体解析 我最痛苦的其实是找安装包,建议找.tar.gz安装包比较好(下面我为同胞们找到了mysq ...