很多代码优化及公司规范都会提到 写对象不应该 var obj = new Object() 而应该 var obj = {} 写数组不应该 var arr = new Array() 而应该 var arr = [] 很多书籍<JavaScript高级程序设计><JavaScript权威指南>也建议使用对象.数组直接量而别使用new方式.这里就引出了直接量(Literals)的概念. ES1(1997.6)规定的直接量有四种:Null.Boolean.Numeric.String…
javascript中对象字面量与数组字面量 第一部分 我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型.那么如果创建一个Object类型的实例呢?下面我介绍两种方法: 第一:构造函数法. var person=new Object(); person.name="zhuzhenwei"; person.age=20; 这里Object()实际上是默认的构造函数,显然,为满足需要,我们可以通过后两条语句添加新的属性.JavaScr…
今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似. 标准的Get和Set访问器的实现   function Field(val){       this.value = val;   }  Field.prototype = {       get value(){           return this._value;       },       set value(val){           this._value = val;      …
在日常开发中,使用JavaScript获取元素的时候,最常用的方法就是document.getElementById(getXXXByXX)方法.但是最近发现有很多地方使用的是querySelector方法而不是使用前面的方法.去官方文档查看是这么说的: 文档对象模型Document引用的querySelector()方法返回文档中与指定选择器或选择器组匹配的第一个 html元素Element. 如果找不到匹配项,则返回null. 这句话看意思和getElementById(getXXXByXX…
关于JavaScript中定义变量时有无var声明的区别 var a=5; //正确 a=5; //正确 在javascript中,以上两种方法都是定义变量的正确方法.微软的Script56.CHM中是这样解释的: 尽管并不安全,但声明语句中忽略 var 关键字是合法的JS语法.这时,JS 解释器给予变量全局范围的可见度.当在过程级中声明一个变量时,它不能用于全局范围,这种情况下,变量声明必须用 var 关键字. 从上面的描述看来,对待这两种定义方法要区分以下两种情况: 1.在一个过程级中(即位…
第一部分 我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型.那么如果创建一个Object类型的实例呢?下面我介绍两种方法: 第一:构造函数法. 1 2 3 var person=new Object(); person.name="zhuzhenwei"; person.age=20; 这里Object()实际上是默认的构造函数,显然,为满足需要,我们可以通过后两条语句添加新的属性.JavaScript高级程序设计第3版83页介绍…
JavaScript中的instanceof和typeof常被用来判断一个变量是什么类型的(实例),但它们的使用还是有区别的: typeof 运算符 返回一个用来表示表达式的数据类型的字符串. typeof expression ; expression 参数是需要查找类型信息的任意表达式. 说明 typeof 是一个一元运算符,放在一个运算数之前. typeof 运算符把类型信息当作字符串返回.typeof 返回值有六种可能: "number" ,"string"…
导语: javaScript中有三种方法可以跳出循环或者终止循环.分别为break.return.continue. 正文: 一.break break 会使得整个程序终止执行或者包含了最内层的循环或者退出一个switch的循环. 由于它是用来终止循环或者跳出switch循环的,所以只有当它出现在这些语句时,才是合法的. 如果一个循环的终止条件非常复杂,那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多. for(var i=1;i<=10;i++) { if(i==…
JavaScript中有三种原生的弹出框,分别是alert.confirm.prompt.分别表示弹出框.确认框.信息框. 以下是示例代码: <!DOCTYPE html> <html> <head> <title>JavaScript中的三种弹出框</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&…
javascript在初版的设计上存在失误,导致了这门语言在使用时,经验型写法并不能得到像其它几个流行语言一样预期.其中的this的使用就是一个典型. this在javascript中是由解释器注入的,并且在我们使用不同的方法定义函数时,注入的this含义不同.以下是crokford总结的四类情况. 如果你使用闭包时总是结果不如预期,又或者返回NaN 或 undefined ,那请注意参看本文. 0. 构造器函数内的this: 如果函数创建的目的是使用new来调用,并产生一个对象,那么此函数被称…
JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别. 先来看看JS手册中对call的解释: call 方法调用一个对象的一个方法,以另一个对象替换当前对象. call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 参数thisObj可选项.将被用作当前对象的对象. arg1, arg2,  , argN可选项.将被传递方法参数序列. 说明call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从…
JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别. 先来看看JS手册中对call的解释: call 方法调用一个对象的一个方法,以另一个对象替换当前对象. call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 参数thisObj可选项.将被用作当前对象的对象. arg1, arg2,  , argN可选项.将被传递方法参数序列. 说明call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从…
万恶的输入法,在sublime中会显示出繁体字,各位看官见谅. 1.slice()方法:该方法在数组和string对象中都拥有. var a = [1,2,3,4,5,6]; var s = 'this is a string'; console.log(a.slice(1,3));//結果為 [2,3]; console.log(a.slice(-1);//結果為6; console.log(s.slice(1,3));//結果為 hi; console.log(s);//結果為 this i…
apply 接受两个参数,第一个参数指定了函数体内this 对象的指向,第二个参数为一个带下标的集合,这个集合可以为数组,也可以为类数组,apply 方法把这个集合中的元素作为参数传递给被调用的函数: var func = function( a, b, c ){ alert ( [ a, b, c ] ); // 输出 [ 1, 2, 3 ] }; func.apply( null, [ 1, 2, 3 ] ); 在这段代码中,参数 1.2.3 被放在数组中一起传入func 函数,它们分别对应…
第一次在博客园上面写博客,知识因为看书的时候发现了一些有意思的知识,顺便查了一下资料,就发到博客上来了,希望对大家有点帮助. 连续几天阅读<javascript高级程序设计>这本书了,逐渐发现了以前很多自己完全没有用过甚至见过的神奇知识点.今天在阅读到有关函数的属性和方法的时候,略感高级,于是乎,查阅了不少他人的博客,在此总结一下这两个方法的以下几个方面: 1.call()和apply()的作用和用法 2.什么时候用apply(),什么时候用call() 书上提到,每个函数都包含两个非继承而来…
1.过滤器:所谓过滤器顾名思义是用来过滤的,在java web中,你传入的request,response提前过滤掉一些信息,或者提前设置一些参数,然后再传入servlet或者struts的action进行业务逻辑,比如过滤掉非法url(不是login.do的地址请求,如果用户没有登陆都过滤掉),或者在传入servlet或者struts的action前统一设置字符集,或者去除掉一些非法字符(聊天室经常用到的,一些骂人的话).filter 流程是线性的, url传来之后,检查之后,可保持原来的流程…
一.++可以与输出语句写在一起,++写在变量前和写在变量后不是一个意思++ i 和 i ++ 区别在于运算顺序和结合方向. 在JavaScript中有两种自加运算,其运算符均为 ++,功能为将运算符自加 1.其中:++ VAR 被称为前自加,其后面的变量执行自加操作,其运算为,先执行自加操作,再引用VAR值.VAR ++ 被称为后自加,其前面的变量执行自加操作,其运算为,先引用VAR值,再进行自加操作. 如果自加语句独立成为一个单独的语句,那么前后自加是完全相同的.比如单独的一行 a ++; 和…
1.test test 返回 Boolean,查找对应的字符串中是否存在模式.var str = "1a1b1c";var reg = new RegExp("1.", "");alert(reg.test(str)); // true 2.exec exec 查找并返回当前的匹配结果,并以数组的形式返回.var str = "1a1b1c";var reg = new RegExp("1.", "…
window.open("www.baidu.com"); 只是表示打开这个页面,并不是打开并刷新baidu.com window.location.href="www.baidu.com"; 表示重新定向到新页面,同时刷新打开的这个页面: window.location.reload="www.baidu.com" ;表示强制浏览器刷新页面: eg: <script language="javascript">w…
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上.        1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false…
  原文来自:http://www.jb51.net/article/42236.htm   submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上.        1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为, 否则,将会造成提交两次的效果,对于动态网页来…
a).在循环体中, break是跳出整个循环,不执行以后的循环语句: continue是结束本次循环语句,进入下一个循环: b). 在if判断句,结束该函数的执行时,用 return: c). 在函数嵌套中,通过结束子函数的同时,也结束父函数的方法,如下: function fn(){ alert(aa); return ; } function fn2(){ if(!fn()){//fn()为假时,结束fn,fn2 return false; } }…
if(判断表达式){执行内容} 如果判断表达式为true,则执行括号中的内容.这里,变量如果不为0,null,undefined,false,都会被处理为true.只要变量有非0的值或是某个对象,数组,字符串,都会认为true变量==true,变量为bool值,并且为true,才认为符合. var a;//定义一个变量没有初始化 if(a){alert(1) return};//这里不会执行,因为a没有值,所以为false: a=0//这里给a赋值为0 if(a){alert(1) return…
var与let.const的区别 在最新的 ES6 中,新添加了两个用于变量声明的关键字 let 和 const 一.var声明的变量会挂载在window上,而let和const声明的变量不会: var a = 'a'; console.log(a,window.a) //abc abc let b = 'b'; console.log(b,window.b) //b undefined const c = 123; console.log(c,window.c) //123 undefined…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc…
作为两个量比较的三种方式"==","==="和"Object.is(a,b)"有一定区别,如下(具体见MDN): (1)Object.is(a,b) Object.is(a,b) 是ECMA标准中的 SameValue的实现,比较运算不会进行强制的类型转换(如==), 返回true的情况如下(其他情况返回false,即不等):  (2)== 比较前,会进行两个数值的强制类型转换(字符串和数值类型),转换为相同类型然后比较: 比较不会区分 +0 和…
一直对map.foreach.reduce这些函数很是生疏,今天看underscorejs时好好研究了一下,一研究我就更懵了,这不是一样嘛,都是遍历,所以我就去知乎找了一下,整理出了比较好的几个说法. 假设我们有一个数组,每个元素是一个人.你面前站了一排人. foreach 就是你按顺序一个一个跟他们做点什么,具体做什么,随便: people.forEach(function (dude) { dude.pickUpSoap();}); map 就是你手里拿一个盒子(一个新的数组),一个一个叫他…
Do...while和while...do的区别在于对于临界值的测试上.当在执行的时候只选择临界值来测试时,你会发现do...while至少要执行一次,而while...do则一次都不会执行.但是,当不去考虑临界值的时候,do...while和while...do的执行结果是一样的.让我们用事实来说话吧: 只测试临界值: <!DOCTYPE html> <html> <body> <p>Try to practice while statement!<…
一.首先看下什么是JSON JSON:JavaScript Object Natation,JavaScript对象的表现形式,已经发展成一种轻量级的数据交换格式. JavaScript对象的表现形式,指定义JS对象的一种方式.数据交换格式,即用于交换的数据格式. JSON是种格式: 数据在键值对中, 数据由逗号分隔, 花括号保存对象, 方括号保存数组.键值对组合中的名称写在前面,值对写在后面,中间用冒号隔开JSON 值可以是: 数字, 字符串, 逻辑值, 数组, 对象, null JSON与X…
深入理解JavaScript中创建对象模式的演变(原型) 创建对象的模式多种多样,但是各种模式又有怎样的利弊呢?有没有一种最为完美的模式呢?下面我将就以下几个方面来分析创建对象的几种模式: Object构造函数和对象字面量方法 工厂模式 自定义构造函数模式 原型模式 组合使用自定义构造函数模式和原型模式 动态原型模式.寄生构造函数模式.稳妥构造函数模式 第一部分:Object构造函数和对象字面量方法 我之前在博文<javascript中对象字面量的理解>中讲到过这两种方法,如何大家不熟悉,可以…