其实，面向对象的思想是独立于编程语言的，例如在C#中，在一个静态类的静态方法中，按照过程式开发调用一系列静态函数，我们很难说这是面向对象的编程，相反，象jquery和extjs这样优秀的javascript库，却处处体现着面向对象的设计思想。本文不打算探讨javascript是否能够算做面向对象的编程语言，这个问题是重视中国式考试的人应该关注的，我这里只是简单的说明如何在javascript中使用面向对象的编程思想。 面向对象首先要有对象。...
感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。 封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子： 代码如下: 输出这个属性的属性值了！从这个例子我们不难看出：执行上下文是在执行时才确定的，它随时可以变。 当然你可以去掉上面我注释掉的...
并给我们讲解了很多关于如何去学习DOM的方法，觉得真的是受益匪浅啊.下面就几个我觉得比较好的例子和大家分享一下。 1.二级连动下拉菜单（一级是省份，二级是城市，要求一级选中省份，二级城市对应出现） 步骤：1）基本框架（HTML）：两个复选框，而第二个复选框里面开始应该是没有选项的，注意第一个下拉框会作为事件源，通过 onchange方法激发JavaScript中的功能实现部分。 代码如下: --选择省份-- 北京 天津 湖北 山东 河北 ...
最近在处理几个项目中都用到了iframe，有时一个页面中有多个iframe，而且几个iframe需要相互访问彼此的函数或者父窗口的函数。今天有空就将页面框架编程做个整理。 一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法： 代码如下: window...
感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。 封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子： 代码如下: 输出这个属性的属性值了！从这个例子我们不难看出：执行上下文是在执行时才确定的，它随时可以变。 当然你可以去掉上面我注释掉的...
js的单例写法JS单例模式 div{height:100px; width:100px; background:#CCC; border:#000 1px solid;} my = new function yangbin() { this.name = "我是单例funnyzak！"; }; function yangbin1(){ this.name = "我是funnyzak！"; } function myname(){ var u = new yangbin1(); alert(u.name); } 你是？(单例) 你是？(普通) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] loop.js是一个单例模式的js类：//一开始就用new 无名...
本文承接上一篇JavaScript面向对象编程（1） 基础。 上篇说过，JavaScript没有类的概念，需要通过函数来实现类的定义。先通过一个例子说明： 代码如下: function myClass() { var id = 1; var name = "johnson"; //properties this.ID = id; this.Name = name; //method this.showMessage = function() { alert("ID: " + this.ID + ", Name: " + this.Name); } } var obj1 = new myClass(); var obj2 = new myClass(); function的...
1. 用JavaScript实现类 JavaScritpt没有专门的机制实现类，这里是借助它的函数允许嵌套的机制来实现类的。一个函数可以包含变量，又可以包含其它函数，这样，变量可以作为属性，内部的函数就可以作为成员方法了。因此外层函数本身就可以作为一个类了。如下： 代码如下: function myClass() { //此处相当于构造函数 } 这里 myClass就是一个类。其实可以把它看成类的构造函数。至于非构造函数的部分，以后会详细描述。 2. 如何获得...
题目：从1累加一直加到100的和是多少？ 非递归的循环写法： 代码如下: 1run: function() { 2 var sum = 0; 3 for(var i=1;i<=100;i++) { 4 sum = sum + i; 5 } 6 console.log(sum); 7} 递归的写法： 代码如下: var testCase = { sum: 0, run: function(n) { if(n>=100) { return 100; } else { sum = n+ testCase.run(n+1); return sum; } } }; console.log(testCase.run(1)); 上面这种代码在网上一搜就一大堆，下面的写法与它...
就好像排队，前面的人忙着忙着突然上厕所了，后面的人阻塞在这里，因此我们就需要让前面的人死到一边去，让后面的人跟进……AJAX就是这个概念，请求还在继续，但我们还可以做其他事。 javascript中实现这个功能的是来自BOM的一个函数setTimeout，但相关的DOM操作也提供了一系列实现。如XMLHttpRequest对象与script标签的onreadystatechange回调，image的onload与onerror回调，iframe的onload，DOM元素的事件回调，HTML5的跨域消息传...
代码如下: var test = { numA: 10, objB: {}, arrC: [], init: function(){ alert(this.numA); }, sayHi: function(name){ alert("hello " + name); }, sayHelloWorld: function(){ this.sayHi("world"); }, get: function(){ var self = this; this.objB.alertNumA = function(){ alert(self.numA); } } }; var TestFunc = function(){ alert("i'm testFunc"); }; TestFunc.prototype = { extFunc: function(){ alert("this exte...
说到函数式编程，人们的第一印象往往是其学院派，晦涩难懂，大概只有那些蓬头散发，不修边幅，甚至有些神经质的大学教授们才会用的编程方式。函数式编程简介 说到函数式编程，人们的第一印象往往是其学院派，晦涩难懂，大概只有那些蓬头散发，不修边幅，甚至有些神经质的大学教授们才会用的编程方式。这可能在历史上的某个阶段的确如此，但是近来函数式编程已经在实际应用中发挥着巨大作用了，而更有越来越多的语言不断的加入诸如 ...
随着前端的发展，异步这个词真是越来越常见了。假设我们现在有这么一个异步任务： 向服务器发起数次请求，每次请求的结果作为下次请求的参数。 来看看我们都有哪些处理方法： Callbacks 最先想到也是最常用的便是回调函数了，我们来进行简单的封装：let makeAjaxCall = (url, cb) => {// do some ajax// callback with result }makeAjaxCall('http://url1', (result) => {result = JSON.parse(result) })嗯，看起来还不错！但是当我...
本文实例为大家分享了JavaScript编程学习技巧，供大家参考，具体内容如下 1、变量转换varmyVar="3.14159",str=""+myVar,//tostringint=~~myVar,//tointegerfloat=1*myVar,//tofloatbool=!!myVar,/*toboolean-anystringwithlengthandanynumberexcept0aretrue*/array=[myVar];//toarray但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数，创建正则表达式的时候要使用/pattern/flags这样的简化形式。 2、...
异步编程带来的问题在客户端Javascript中并不明显，但随着服务器端Javascript越来越广的被使用，大量的异步IO操作使得该问题变得明显。许多不同的方法都可以解决这个问题，本文讨论了一些方法，但并不深入。大家需要根据自己的情况选择一个适于自己的方法。 本文为大家详细介绍js中的异步编程，具体内容如下 一 关于事件的异步 事件是JavaScript中最重要的一个特征，nodejs就是利用js这一异步而设计出来的。所以这里讲一下事件机制...