javascript基础知识-函数
1.javascript中函数有两种定义方式:
函数语句定义和表达式定义
//函数有定义
function test(){
console.log("This is a function");
} //表达式定义
var f = function(a){
return Math.sqrt(a);
};
2.函数调用方式有以下四种:
1)作为函数
2)作为方法
3)作为构造函数
4)通过它们的call()和apply()方法间接调用
3.关键词this没有作用域的限制,不是变量,也不是属性名,是一个关键字。
如果嵌套函数作为方法调用,其this的值指向调用它的对象;如果嵌套函数作为函数调用,其this值不是全局变量(非严格模式下)就是undefined(严格模式下)。
var o = {
m: function(){
var self = this;
console.log(this); //this代表o
f(); function f(){
console.log(this); //this代表全局对象或者undefined
console.log(self); //self代表o
}
}
}
4.闭包
闭包的概念:是指函数变量可以被隐藏于作用域内,因此看起来是函数将变量包裹起来。
百度的闭包定义:闭包是指可以包含自由(未绑定到特定对象)变量的代码块;这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量)。
Javascript采用词法作用域,也就是说,函数的执行依赖于变量的作用域。这个作用域是在函数定义时决定的,而不是在函数调用时决定的。
理解闭包首先要了解嵌套函数的词法作用域规则:
var scope = "global scope";
function checkscope(){
var scope = "local scope";
function f(){
return scope;
}
return f();
} checkscope(); //返回local scope
修改一下上述代码:
var scope = "global scope";
function checkscope(){
var scope = "local scope";
function f(){
return scope;
}
return f;
} checkscope()(); //返回local scope
为什么上述代码也返回local scope呢?
Javascript函数的执行用到了作用域链,这个作用域链是函数定义的时候创建的,嵌套函数f()定义在这个作用域链例里,其中的变量scope一定是局部变量。不管在何时何地执行函数f(),这种绑定在执行f()时依然有效。
这就是闭包的特性导致的。函数定义时的作用域链到函数执行时依然有效,这也是词法作用域规则。
闭包的这个特性可以捕获到局部变量(和参数),并一直保存下来,看起来像这些变量绑定到了在其中定义它们的外部函数。
关于作用域链的补充:
定义:每一段Javascript代码(全局代码或函数)都有一个与之关联的作用域链。作用域链可以描绘成是一个对象列表或者链表,这组对象定义了这段代码作用域中的变量。
每次调用Javascript的时候,都会为之创建一个新的对象来保存局部变量,把这个对象添加到作用域链中。当函数返回的时候,就从作用域链中将这个绑定变量的对象删除。如果不存在嵌套的函数,也没有其他引用指向这个绑定对象,它就会被当做垃圾回收掉。如果定义了嵌套的函数,每个嵌套的函数都各自对应一个作用域链,并且这个作用域链指向一个变量绑定对象。但如果这些嵌套的函数对象在外部函数中保存下来,那么他们也会和所指向的变量绑定对象一样当做垃圾回收。但是如果这个函数定义了嵌套函数,并且将它作为返回值返回或者保存在某处的属性中,这是就会有一个外部引用指向这个嵌套的函数。它就不会被当做垃圾回收,并且它所指向的变量绑定对象也不会被当做垃圾回收掉。
下面是利用闭包技术共享私有状态的方法:
function addPrivateProperty(o,name,predicate){
var value; //这是一个属性 //getter方法简单地将其返回
o["get" + name] = function(){return value;} //setter方法首先检查值是否合法,若不合法就抛出异常
//否则就将其存储起来
o["set" + name] = function(v){
if(predicate && !predicate(v)){
throw Error("set" + name + ":invalid value " + v);
}else{
value = v;
}
};
} //下面展示了addPrivateProperty()方法
var o = {}; // 设置一个空对象 //增加属性存取方法getName()和setName()
//确保只允许字符串值
addPrivateProperty(o, "Name", function(x){return typeof x == "string";}); o.setName("Frank"); //设置属性
console.log(o.getName()); //得到属性
o.setName(o); //试图设置一个错误类型的值
利用闭包定义函数,进行缓存记忆:
function memorize(f){
var cache = {};
return function(){
var key = arguments.length + Array.prototype.join.call(arguments,",");
if(key in cache) return cache[key];
else return cache[key] = f.apply(this,arguments);
}
}
javascript基础知识-函数的更多相关文章
- javascript基础知识--函数定义
函数声明式 function funname( 参数 ){ ...执行的代码 } 声明式的函数并不会马上执行,需要我们调用才会执行:funname(); * 分号是用来分隔可执行JavaScript语 ...
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- JavaScript 基础知识 - BOM篇
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- 林大妈的JavaScript基础知识(三):JavaScript编程(2)函数
JavaScript是一门函数式的面向对象编程语言.了解函数将会是了解对象创建和操作.原型及原型方法.模块化编程等的重要基础.函数包含一组语句,它的主要功能是代码复用.隐藏信息和组合调用.我们编程就是 ...
- JavaScript基础知识:数据类型,运算符,流程控制,语法,函数。
JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECM ...
- (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...
- JavaScript基础知识整理
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...
随机推荐
- iOS中几种常用的数据存储方式
自己稍微总结了一下下,方便大家查看 1.write直接写入文件的方法 永久保存在磁盘中,可以存储的对象有NSString.NSArray.NSDictionary.NSData.NSNumber,数据 ...
- 运用String类实现一个模拟用户登录程序
package Test; import java.util.Scanner; // 模拟用户登录程序 // 思路: // 1.用两个String类分别接收用户名和密码 // 2.判断输入的用户名和密 ...
- 使用 Eclipse 插件部署 Java 应用
打开 Eclipse,点击顶部的菜单『Help/Install New Software/Add』. 选择对话框顶部『Work with』 后面的『Add』按钮,并点击『Archive』选择下载到本地 ...
- 启动Tomcat时报 Expected stackmap frame at this location.(JDK1.7编译)
从svn上下的项目,部署到tomcat 7.0.19 上, 并且配置的是jdk7. 启动时出现以下问题. Location: com/genlot/loms/service/SysPermissio ...
- 使用SVN同步资源后图标样式的详细解读
项目视图 The Package Explorer view - 已忽略版本控制的文件.可以通过Window → Preferences → Team → Ignored Resources.来忽 ...
- JavaWeb 学习001-登录页面-Servlet
那什么是Servlet呢? 我理解的Servlet 就是一个中间媒介,jsp页面原本需要一些操作,但是现在让jsp页面只是显示就好,把操作的工程转移给Servlet中. 使用Servlet时候有个固定 ...
- ORACLE 数据库需要创建索引的规则
1.表的主键.外键必须有索引: 2.数据量超过300的表应该有索引: 3.经常与其他表进行连接的表,在连接字段上应该建立索引: 4.经常出现在Where子句中的字段,特别是大表的字段,应该建立索引: ...
- hdu 5534 (完全背包) Partial Tree
题目:这里 题意: 感觉并不能表达清楚题意,所以 Problem Description In mathematics, and more specifically in graph theory, ...
- IntelliJ 支持web
- CentOS下MySQL数据库安装
前辈们总是说,要边学边记录,要总结.所以,开始把每天学到的内容一点一点记录. 复杂的理论不懂,只会目前安装,安好后就开始玩咯! 1.在官网下载相应的rpm安装包 下载地址:http://dev.mys ...