js设计模式笔记

                        一  富有表现力的javascript

javascript 是弱类型语言。定义变量时不需要声明其类型。

javascript类型:原始类型:数值类型,布尔型,字符串型。

          对象类型、包含可执行代码的函数类型、空类型、undefined类型。

  

JS 中 函数是一等公民。可存放变量里、作参数、作返回值、可动态构造。

匿名函数:function(){}创建没有名字的函数

立即执行的函数:(function()

        { var a=10;alert(a*10); } ) ();

传参数:   ( function(a,b)

    {alert(a*b);} )(10,5);

 匿名函数的一个重要用途是创建闭包。闭包是一个受保护的变量空间,由内嵌函数生成。

   javascript具有函数作用域,函数外部不能访问内部变量。

  javascript的作用域具备词法性质。即变量运行在它定义的作用域中,而不是调用它的作用域中。

var globv

(function (){

var a=10;

  var b=20;

    globv =function(){

return a*b;}

})();

globv();

时间: 2024-10-29 19:08:52

js设计模式笔记的相关文章

《JS设计模式笔记》 3,观察者模式

1 <script type="text/javascript"> 2 //挂插着模式又叫发布订阅模式应该是最常用的模式 3 4 //1,dom事件就是观察者模式,只要订阅了click事件,当点击div的时候,function click就会触发. 5 div.onclick=function click() { 6 alert("click"); 7 } 8 9 //2 10 loadImage(imgAry,function(){ 11 Map.in

《JS设计模式笔记》 1,单例模式

1 <script type="text/javascript"> 2 //单例模式 3 4 //1,每次点击都会生成一个新的div 5 var createMask=function () { 6 return document.body.appendChild(document.createElement(div)); 7 } 8 $("button").click(function(){ 9 var mask=createMask(); 10 ma

《JS设计模式笔记》 2,简单工厂模式

1 <script type="text/javascript"> 2 //简单工厂模式 3 //定义:由一个方法来决定到底要创建哪个类的实例,而这些实例经常拥有相同的接口.其实例在编译的时候不确定,而是在执行的时候确定. 4 var request1=Request("cgi.xx.com/xxx","get"); 5 request1.start(); 6 request1.done(fn); 7 var request2=Req

《JS设计模式笔记》 4,桥接模式

1 2 3 //桥接模式的作用在于将实现部分和抽象部分分离开来,以便两者可以独立的变化. 4 var singleton=function(fn){ 5 var result; 6 return function(){ 7 return result||(result=fn.apply(this,arguments)); 8 } 9 } 10 var createMask=singleton(function(){ 11 return document.body.appendChild(docu

《JS设计模式笔记》 5,适配器模式

1 //适配器模式的作用就像一个转接口. 2 jQuery("#"+id); 3 4 $id=function (id) { 5 return jQuery("#"+id)[0]; 6 } 7 //就是调用的接口不变,中间转换一下实现方式,适配接口

读书笔记:js设计模式

面向过程编程,面向对象编程和函数式编程> 定义一个类方法1:function Anim(){ } Anim.prototype.start = function(){ .. };Anim.prototype.stop = function(){ .. }; 或者方法2:function Anim(){ .. }Anim.prototype = { start: function(){.. }, stop: function(){ .. }, constructor: Anim} 或者方法3://

JS设计模式(一)

刚入职时,看过一段时间的设计模式,似懂非懂.不知不觉过去七个月了,对JS的理解更深刻了,数据结构与算法的基础也基本上算是过了一遍了,接下来要把设计模式搞定,然后不再深层次研究JS了,而是学习前端自动化.linux.数据库.服务器等的基础知识. 设计模式的学习主要参考<JavaScript设计模式与开发实践>一书,很多笔记也会从该书抄录.开始JS设计模式的学习. 1.原型模式 原型模式既是一种设计模式,也是一种编程泛型.原型模式是JS最基础的继承实现,在这儿就不多讲了,写一下JS原型继承的基本原

Vue.js学习笔记:在元素 和 template 中使用 v-if 指令

f 指令 语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.2.

You don&#39;t know JS 读书笔记(一)

前言 这里记录着自己阅读You don't know JS系列丛书的一些心得体会,也算是自己对JavaScript知识的一个总结吧. 高能预警:文章较长且琐碎,请自备板凳瓜子- Types(类型) Variables don’t have types, but the values in them do. 这句话的意思是说:变量是没有类型的,变量里面存的值才是有类型的.比如我声明一个变量var a;,此时a是不具有任何类型信息的.如果我给a赋值一个字符串a = "Hello, World&quo