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 ...
随机推荐
- Spring Framework------>version4.3.5.RELAESE----->Reference Documentation学习心得----->使用Spring Framework开发自己的应用程序
1.直接基于spring framework开发自己的应用程序: 1.1参考资料: Spring官网spring-framework.4.3.5.RELAESE的Reference Documenta ...
- UNIX:高级环境编程 - 第十五章 IPC:进程间通信
IPC(InterProcess Communication)进程间通信.为啥没有进程间通信,这是因为进程间都是同步的关系,不需要通信. 1.管道 1.1管道特点: (1)半双工的(即数据只能在一个方 ...
- Windows上Python2和3如何兼容
作者:匿名用户链接:https://www.zhihu.com/question/21653286/answer/95532074来源:知乎著作权归作者所有,转载请联系作者获得授权.想学习Python ...
- python 2.4 与 python 3.0 的比较
转过来,留着日后查看 [转自:]http://hi.baidu.com/autoitcn/blog/item/5f41973294b5fc4fac4b5f77.html python 2.4 与 py ...
- html之如何让文字两端对齐
text-align: justify;/*英文*/ text-align-last: justify;/*中英文*/ text-align-last: justify;亲测有效(chrome)
- Huffman编码
#define _CRT_SECURE_NO_WARNINGS #include <iostream> #include <cstdio> #include <cstri ...
- Citrix Reciver提示安装程序集错误
打开注册表查找是否有RegistrySizeLimit这个项目,如果有更改成8个f,如果没有就需要手动建立一个之后输入8个f,操作方法如下: 到了 HKEY_LOCAL_MACHINE\SYSTEM\ ...
- CODE[VS] 1230 元素查找
1.题目戳这里 2.代码: #include<iostream> #include<algorithm> using namespace std; int n,m,a[1000 ...
- Hibernate一对多(注解)
<?xml version='1.0' encoding='UTF-8'?> <!DOCTYPE hibernate-configuration PUBLIC "-//Hi ...
- Arcengine,C#获得FeatureClass的坐标系ISpatialReference以及所在数据集名称
1: /// <summary> 2: /// 获得坐标系统 3: /// </summary> 4: /// <param name="pFeatureCla ...