js 设计模式 chapter 1
2012-10-10 19:43
260 查看
这几天,看了 《pro javascript design patterns》这本书的前几章,主要介绍了js的特性,浅显易懂。下面总结下js的基本知识。
1
js 非常灵活,可以通过函数来实现功能
function startAnimation(){}
function stopAnimation(){}
也可以通过定义类来实现,类的作用主要是:对象可以用自己的变量和方法只作用在类的范围内,方法不会污染全局空间
var Anim = function(){}
Anim.prototype.start = function(){}
Anim.prototype.stop = function(){}
2
js 拥有函数层次的作用域,在一个函数里面定义的变量,不能在函数外面调用。
js 是 lexically scoped,即,函数是运行在他定义的作用范围内,而非在他执行的环境内。
这两个特性结合起来,利用在匿名函数中定义变量,达到保护变量的目的。用oo程序员熟悉的语言讲,就是定义了私有变量
一个简单的闭包:
1
js 非常灵活,可以通过函数来实现功能
function startAnimation(){}
function stopAnimation(){}
也可以通过定义类来实现,类的作用主要是:对象可以用自己的变量和方法只作用在类的范围内,方法不会污染全局空间
var Anim = function(){}
Anim.prototype.start = function(){}
Anim.prototype.stop = function(){}
2
js 拥有函数层次的作用域,在一个函数里面定义的变量,不能在函数外面调用。
js 是 lexically scoped,即,函数是运行在他定义的作用范围内,而非在他执行的环境内。
这两个特性结合起来,利用在匿名函数中定义变量,达到保护变量的目的。用oo程序员熟悉的语言讲,就是定义了私有变量
一个简单的闭包:
var baz; (function(){ var foo = 10; var bar = 2; baz = function(){ return foo*bar; } })();baz();//baz 可以访问foo,bar,虽然baz在匿名函数外执行的
相关文章推荐
- js 设计模式 第四章
- JS学习笔记——面向对象,设计模式
- js设计模式之单例
- JS常用的设计模式(8)——访问者模式
- js设计模式——装饰者模式
- js原生设计模式——7原型模式之真正的原型模式——对象复制封装
- js设计模式之节流器模式
- 【js设计模式笔记---组合模式】
- js与设计模式----转一个前言
- js设计模式之单例模式
- js 设计模式 第十一章 Adapter Pattern
- [js高手之路]面向对象+设计模式+继承一步步改造简单的四则运算
- JS 设计模式--策略模式
- 大熊君说说JS与设计模式之------单例模式Singleton()
- 理解js设计模式之代理模式
- js常用设计模式
- 记录这个地址 - JS 的设计模式
- [js]js设计模式-构造函数模式
- js设计模式的学习
- js设计模式