引言 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 这门语言的门槛。在主流的面...