引言 JavaScript是一种强大的，却被误解的编程语言。一些人喜欢说它是一个面向对象的编程语言，或者它是一个函数式编程语言。另外一些人喜欢说，它不是一个面向对象的编程语言，或者它不是一个函数式编程语言。还有人认为它兼具面向对象语言和函数式语言的特点，或者，认为它既不是面向对象的也不是函数式的，好吧，让我们先搁置那些争论。 让我们假设我们共有这样的一个使命：在JavaScript语言所允许的范围内，尽可能多的使用函数...
javascript函数命名的三种方式及区别介绍 第一代码如下: function fn(val1,val2) { alert(val1+val2); } fn(1,2);第二代码如下: var fn=function() { alert(val1+val2); } fn(1,2);第三代码如下: var fn=new Function("alert(val1+val2)"); fn(1,2);上面三种方式逻辑上是等价的，但是还是有点小区别：区别一：例一中的函数会在代码执行以前被加载到作用域中，而例二则是在代码执行到那一行的时候才会有定义；区别二：函数声明会给函...
关于JS的函数定义方式有以下两种：（1）典型的函数声明function slide(arguments){ //...code }（2）以函数表达式的形式定义函数var slide = function(arguments){ //...code }虽然上面两种方式逻辑上是等价的，但是还是有点小区别：区别一：例一中的函数会在代码执行以前被加载到作用域中，而例二则是在代码执行到那一行的时候才会有定 义； 区别二：函数声明会给函数指定一个名字，而函数表达式则是创建一个匿名函数，然后将这个...
1.原型链继承：构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。确认原型和实例之间的关系用instanceof。原型链继承缺点：字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数function Parent(){this.name='mike';}function Child(){this.age=12;}//儿子继承父亲（原型链）Child.prototype=new Parent()...
一.冒泡排序function BubbleSort(array) {var length = array.length;for (var i = length - 1; i > 0; i--) { //用于缩小范围for (var j = 0; j array[j+1]) { var temp = array[j];array[j] = array[j+1];array[j+1] = temp;}}console.log(array);console.log("-----------------------------");}return array; }var arr = [10,9,8,7,7,6,5,11,3]; var result = BubbleSort(arr); console.log(result); /* [ 9, 8, 7, 7, 6, 5,...
在js中，this关键字是一个比较让人有意思的东西，但是它的指向经常让初学者摸不着头脑。其实要理解这个关键字，需要理清两个问题——“方法的调用和方法的触发”下面先看一段代码functionfunction showThis(){console.info(this); }function Test1(){this.f=showThis; } function Test2(){this.f=function(){showThis();} }showThis();//window new Test1().f();//Test1 new Test2().f();//window20行打印出window对象，这个很容...
背景：闲暇时间看了几篇关于js作用域链与闭包的文章，偶然又看到了之前遇到的一个问题，就是在for循环中为dom节点注册事件驱动，具体见下面代码：js闭包123function pageLoad(){for (var i = 1; i 按照正常的想法，结果应该是点击3个按钮分别提示“anchor1”、“anchor2”、“anchor3”；期初我也是这么认为的，但是结果却是不管点击哪个按钮，都会提示“anchor4”。 这是为什么呢？不要着急，待我们慢慢分析，这里面包含js作用域链...
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数传参。 那么他们的区别在哪里的，先看一个例子。本身没什么好说的，显示的肯定是小王 ， 男 ， 今年24。 那么如何用xw的say方法来显示xh的数据呢。 对于call可以这样： 1.xw.say.call(xh); 对于apply可...
cookie是什么 --------------------------------------------------- cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。 cookie使用场合 --------...
冒泡排序示例，双向冒泡排序与对双向冒泡排序稍微的改进的可视化效果。代码很简单，不知道有木有未知bug。 大神请勿吐槽 冒泡排序示例var ls=[ 98,13,6,25,38,36,30,44,38,80,61,28,47,34,95,18,85,58,89,85,42,61,74,35,13,14,80,7,10,44,10,47,13,11,52,25,24,48,34,12,88,80,33,8,80,45,64,52,79,77 ];for(var i=0;ils[j]){ls[i]=ls[i]+ls[j];ls[j]=ls[i]-ls[j];ls[i]=ls[i]-ls[j];} }}双向冒泡排序示例var ls=[ 6,13,98,25,38,...
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。 目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。 querySelector 和 querySelectorAll 在规范中定义了如下接口：module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); No...
我们先看JS类的继承JS类的继承 /* -- 类式继承 -- *///先声明一个超类var Animal = function(name) {this.name = name;}//给这个超类的原型对象上添加方法Animal.prototype.Eat = function() {console.log(this.name + " Eat");};//实例化这个超var a = new Animal("Animal");//再创建构造函数对象类var Cat = function(name, sex) {//这个类中要调用超类Animal的构造函数，并将参数name传给它Animal.call(this, name);this.sex = ...
前一篇：JS模块化工具我们以非常简单的方式引入了requirejs：http://www.gxlcms.com/article/82527.htm，这一篇将讲述一下requirejs中的一些基本知识，包括API使用方式等 基本API require会定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短 define 从名字就可以看出这个api是用来定义一个模块 require 加载依赖模块，并执行加载完后的回调函数 前一篇中的a.js：define(function(){funct...
探寻JavaScript中this指针指向 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。 ...
JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门，但是随着使用的深入，你会发JavaScript其实很难掌握，有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字，就是一个比较容易混乱的概念，在不同的场景下，this会化身不同的对象。有一种观点认为，只有正确掌握了 JavaScript 中的 this 关键字，才算是迈入了 JavaScript 这门语言的门槛。在主流的面...