分享javascript、jquery实用代码段(2)

/* 在js代码中 通常的if判断语句会这样写: */ if(1 == 1){ alert("1等于1"); }else{ alert("1不等于1"); } /*而在in写法下可以这样:*/ if(1 in window){ alert("window包含1"); }else{ alert("window不包含1"); }

js的try-catch

try{ foo.bar(); }catch(e){ console.log(e.name + ":" + e.message); } try{ throw new Error("Whoops!"); }catch(e){ console.log(e.name + ":" + e.message); } /* 改js代码会捕获一个异常错误: 因为foo.bar();是未定义的; 因此在js代码中如果没有异常捕获,整个页面都不会继续解析. 从而导致页面加载失败. 这里就需要通过try-catch来异常捕获这种错误,并把他反馈出来 目前我们可能得到的系统异常主要包含以下6种: EvalError: raised when an error occurs executing code in eval() 翻译:当一个错误发生在eval()执行代码 RangeError: raised when a numeric variable or parameter is outside of its valid range 翻译:当一个数值变量或参数的有效范围之外 ReferenceError: raised when de-referencing an invalid reference 翻译:引用无效的引用 SyntaxError: raised when a syntax error occurs while parsing code in eval() 翻译:语法错误,当发生语法错误在eval()解析代码里 TypeError: raised when a variable or parameter is not a valid type 翻译:错误类型:当一个变量或参数不是一个有效的类型 URIError: raised when encodeURI() or decodeURI() are passed invalid parameters 翻译:调用encodeURI()或decodeURI()时,传入的参数是不通过无效的 以下是异常捕获是的属性: Error具有下面一些主要属性: description: 错误描述 (仅IE可用). fileName: 出错的文件名 (仅Mozilla可用). lineNumber: 出错的行数 (仅Mozilla可用). message: 错误信息 (在IE下同description) name: 错误类型. number: 错误代码 (仅IE可用). stack: 像Java中的Stack Trace一样的错误堆栈信息 (仅Mozilla可用). */ /* 如要判断异常信息的类型,可在catch中进行判断: */ try { coo.bar();//捕获异常,ReferenceError:引用无效的引用 }catch(e){ console.log(e instanceof EvalError); console.log(e instanceof RangeError); if(e instanceof EvalError){ console.log(e.name + ":" + e.message); }else if(e instanceof RangeError){ console.log(e.name + ":" + e.message); }else if(e instanceof ReferenceError){ console.log(e.name + ":" + e.message); } }

js中typeof和instanceof区别

/*先捕获异常,抛出异常*/ try { throw new myBlur(); // 抛出当前对象 }catch(e){ console.log(typeof(e.a)); //返回function类型 if(e.a instanceof Function){//instanceof用于判断一个变量是否某个对象的实例,true console.log("是一个function方法"); e.a();//执行这个方法,输出"失去焦点" }else{ console.log("不是一个function方法"); } } function myBlur(){ this.a = function(){ console.log("失去焦点"); }; } /* 通畅typeof一般只能返回如下几个结果: number,boolean,string,function,object,undefined; 如果要用if做比较则比较后面要用双引号引起来 */ if(typeof(param) == "object"){ alert("该参数等于object类型"); }else{ alert("该参数不等于object类型"); } /*又如:*/ console.log(Object instanceof Object);//true console.log(Function instanceof Function);//true console.log(Number instanceof Number);//false console.log(String instanceof String);//false console.log(Function instanceof Object);//true console.log(Foo instanceof Function);//true console.log(Foo instanceof Foo);//false

HTML5缓存sessionStorage

sessionStorage.getItem(key)//获取指定key本地存储的值 sessionStorage.setItem(key,value)//将value存储到key字段 sessionStorage.removeItem(key)//删除指定key本地存储的值 sessionStorage.length//sessionStorage的项目数 /* sessionStorage与localStorage的异同: sessionStorage和localStorage就一个不同的地方, sessionStorage数据的存储仅特定于某个会话中, 也就是说数据只保持到浏览器关闭,当浏览器关闭后重新打开这个页面时,之前的存储已经被清除。 而localStorage是一个持久化的存储,它并不局限于会话 sessionStorage和localStorage的clear()函数的用于清空同源的本地存储数据: 比如localStorage.clear(),它将删除所有同源的本地存储的localStorage数据, 而对于SessionStorage,它只清空当前会话存储的数据。 sessionStorage和localStorage具有相同的方法storage事件: 在存储事件的处理函数中是不能取消这个存储动作的。 存储事件只是浏览器在数据变化发生之后给你的一个通知。 当setItem(),removeItem()或者clear() 方法被调用, 并且数据真的发生了改变时,storage事件就会被触发。 注意这里的的条件是数据真的发生了变化。也就是说, 如果当前的存储区域是空的,你再去调用clear()是不会触发事件的。 或者你通过setItem()来设置一个与现有值相同的值,事件也是不会触发的。 当存储区域发生改变时就会被触发。 */

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjxyxj.html