随笔分类 -  Javascript

JavaScript获取浏览器类型与版本[转]
摘要:从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 将上述代码封装成一个方法,方法返回Sys对象,Sys对象中封装了浏览器的类型和版本信息,如下:1 function getBrowserInfo(){2 var Sys = {};3 ... 阅读全文
posted @ 2014-10-19 20:52 小光zfg
JavaScript学习总结(十七)——Javascript原型链的原理[转]
摘要:一、JavaScript原型链 ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中,用__proto__属性来表示一个对象的原型链。当查找一个对象的属性时,JavaScript 会向... 阅读全文
posted @ 2014-10-19 20:47 小光zfg
JavaScript学习总结(十六)——Javascript闭包(Closure)[转]
摘要:闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。很早就接触过闭包这个概念了,但是一直糊里糊涂的,没有能够弄明白JavaScript的闭包到底是什么,有什么用,今天在网上看到了一篇讲JavaScript闭包的文章(原文链接),讲得非常好,这下... 阅读全文
posted @ 2014-10-19 20:46 小光zfg
JavaScript学习总结(十五)——Function类[转]
摘要:在JavaScript中,函数其实是对象,每个函数都是Function类的实例,既然函数对象,那么就具有自己的属性和方法,因此,函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。一、函数的声明方式一:常规方式1 function sum1(num1,num2){2 retur... 阅读全文
posted @ 2014-10-19 20:38 小光zfg
JavaScript学习总结(十四)——JavaScript编写类的扩展方法[转]
摘要:在​J​a​v​a​S​c​r​i​p​t​中​可以使​用​类的p​r​o​t​o​t​y​p​e属性来​扩​展​类的属​性​和​方​法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和... 阅读全文
posted @ 2014-10-19 20:37 小光zfg
JavaScript学习总结(十三)——极简主义法编写JavaScript类[转]
摘要:前两天在网上无意中发现了一篇使用极简主义法定义JavaScript类的文章,原文链接,这个所谓的"极简主义法"我还是第一次听说,是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。下面就介绍如... 阅读全文
posted @ 2014-10-19 20:21 小光zfg
JavaScript学习总结(十二)——JavaScript编写类[转]
摘要:在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式。1、构造函数方式 用构造函数模拟"类",在其内部用this关键字指代实例对... 阅读全文
posted @ 2014-10-19 20:10 小光zfg
JavaScript学习总结(十一)——Object类详解[转]
摘要:一、Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数。二、Object类主要属性 1.constructor:对象的构造函数。 2.prototype:获得类的prototype对象,static性质。... 阅读全文
posted @ 2014-10-19 20:08 小光zfg
JavaScript学习总结(十)——this关键字[转]
摘要:1 JavaScript的this总结: 1、this不能在类定义的外部使用,只能在类定义的内部使用。 2、哪个对象调用this所在的函数,那么this代表的就是哪个对象实例。 阅读全文
posted @ 2014-10-19 20:05 小光zfg
JavaScript学习总结(九)——Javascript面向(基于)对象编程[转]
摘要:一、澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫“原型对象”,因此"类=原型对象"二、类(原型对象)和对象(实例)的区别与联系 1.类(原型对象)是抽象,是概念的,代表一类事物。 2.对象是具体的,实际的,代表一个具体的事物。 3.类... 阅读全文
posted @ 2014-10-19 20:04 小光zfg
JavaScript学习总结(八)——JavaScript数组[转]
摘要:JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组、ArrayList、Hashtable等的超强综合体。一、数组的声明 常规方式声明: 1、var arrName = new Array();//创建一个数组 2、va... 阅读全文
posted @ 2014-10-19 20:02 小光zfg
JavaScript学习总结(七)——JavaScript函数(function)[转]
摘要:一、函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数。二、JavaScript函数的分类 1、自定义函数(我们自己编写的函数),如:function funName(){} 2、系统函数(JavaScript自带的函数),如alert函数。三、函数的调用方式 1、普通调用:fu... 阅读全文
posted @ 2014-10-19 20:01 小光zfg
JavaScript学习总结(六)——JavaScript判断数据类型总结[转]
摘要:最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断,在此做一个总结吧!一、JS中的数据类型 1.数值型(Number):包括整数、浮点数。 2.布尔型(Boolean) 3.字符串型(String) 4.对象(Obj... 阅读全文
posted @ 2014-10-19 18:45 小光zfg
JavaScript学习总结(五)——Javascript中==和===的区别[转]
摘要:一、JavaScript"=="的作用当==两边的内容是字符串时,则比较字符串的内容是否相等。当==两边的内容是数字时,则比较数字的大小是否相等。当==两边的内容是对象或者是对象的函数属性时,则比较内存地址是否相等。二、==和===的区别 ==用于一般比较,===用于严格比较,==在比较的时候可以... 阅读全文
posted @ 2014-10-19 18:43 小光zfg
JavaScript学习总结(四)——逻辑OR运算符详解[转]
摘要:在JavaScript中,逻辑OR运算符用||表示1 var bTrue = true;2 var bFalse = false;3 var bResult = bTrue || bFalse;下面的真值表描述了逻辑AND运算符的行为:运算数 1运算数 2结果truetruetruetruefals... 阅读全文
posted @ 2014-10-19 18:42 小光zfg
JavaScript学习总结(三)——逻辑And运算符详解[转]
摘要:在JavaScript中,逻辑 AND 运算符用双和号(&&)表示1 var bTrue = true;2 var bFalse = false;3 var bResult = bTrue && bFalse; 下面的真值表描述了逻辑AND运算符的行为:运算数 1运算数 2结果truetrue... 阅读全文
posted @ 2014-10-18 23:14 小光zfg
JavaScript学习总结(二)——逻辑Not运算符详解[转]
摘要:在JavaScript 中,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示。与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值。逻辑 NOT 运算符的行为如下:如果运算数是对象,返回 false如果运算数是数字 0... 阅读全文
posted @ 2014-10-18 23:04 小光zfg
JavaScript学习总结(一)——JavaScript基础
摘要:一、JavaScript语言特点1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标,移动窗口,选... 阅读全文
posted @ 2014-10-18 23:03 小光zfg