javascript学习笔记

Posted auyeungcarl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript学习笔记相关的知识,希望对你有一定的参考价值。

本部分主要是Function类与闭包的重难点。

Function

  • 生成表示
var obj= function();
var sum = Function (‘a‘,‘b‘,‘return (a+b);‘);
  • 原理解析
function f() {}
f.foo = ‘FOO‘;
f.doit = function() {
    print(‘doit called‘);}
}

各个部分的关系如图所示
技术分享图片

闭包

它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。

表现格式

function f() {
 var cnt =0;
return g;
 function g() {return ++cnt;}
}
//也可以是
function f() {
 var cnt =0;
 return function() {return ++cnt;}
}
fn = f();
print(fn());
print(fn());
print(fn());
// 1
// 2
// 3

嵌套函数原理

  1. 闭包的前提条件是在函数声明的内部声明另一个函数,(即嵌套的函数声明)。
  2. js中,调用函数时会隐式地生成Call对象,函数完成后会销毁Call对象。
  3. 作用域链:对于嵌套声明的函数,内部的函数将会首先查找被调用时所生成的Call对象属性,然后查找外层函数的Call对象的属性。
function f() {
    var n=123;
    function g() {
        print(n);
    }
    return g;
}
fn();
var fn =f();
//123
//[Function: g]

各个部分之间的关系如图所示:
技术分享图片

通过闭包实现信息隐藏

  1. 格式
//( {function() {函数体}} )();

var sum = (function f() {
    var n=123;
    function g() {
        print(n);
    }
    return g;
})();
sum();
//123

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">















以上是关于javascript学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

ReactJs学习笔记01

Javascript MVC 学习笔记 视图和模板

译文:18个实用的JavaScript代码片段,助你快速处理日常编程任务

[原创]java WEB学习笔记61:Struts2学习之路--通用标签 property,uri,param,set,push,if-else,itertor,sort,date,a标签等(代码片段

如鹏网学习笔记JavaScript

Javascript学习笔记:闭包题解