`
jj7jj7jj
  • 浏览: 50328 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

js中可能你不知道的地方

 
阅读更多
JavaScript是弱类型,除了在switch语句中。当JavaScript在case比较时,它是非弱类型
var myVar = 5;
if(myVar == '5'){ //返回true,因为JavaScript是弱类型
 alert("hi");  //这个alert将执行,因为JavaScript通常不在意数据类型
}
switch(myVar){
 case '5':
 alert("hi"); //这个alert将不会执行,因为数据类型不匹配
}



在window.onload执行document.write 会导致页面完全空白~
<div>123123123123123</div>
<div>123123123123123</div>
<div>123123123123123</div>
<div>123123123123123</div>
<script>
   window.onload = function(){
     document.write("");
   }
</script>


for in 会遍历原型链的属性和方法,可以用hasOwnProperty
for(var n in obj){
  if(obj.hasOwnProperty(n)){
    ...
   }
}

for in 适合处理自定义对象,如果是数组(Array),arguments,伪数组还是使用for

String(12) 返回的是字符串,new String(12) 返回的是object

每个对象会有__proto__属性,函数对象都有[[Scope]],__parent__ 属性

undefined 是 window 的一个属性,而null是一个object
if(flag){
    param = ( a == undefined ) ? 1 : 2;
}


    上面写法会存在一个问题,如果客户修改undefined的值,比如将undefined = 5,那么你的这种写法会出现问题,最好的方式是这样写

var undefined;
if(flag){
    param = ( a == undefined ) ? 1 : 2;
}


function a(x){
  x && a(--x);
  };
  var a;
alert(a);//function a(x){...}

然后略微修改一下
function a(x){
  x && a(--x);
  };
  var a = 1;
alert(a);//1

这种原理我还不知道用何种方式解释好,但这足以引起重视,如果当别人使用你的代码的时候,他起的变量名和你方法名一样,就会覆盖掉你的方法,解决方法,使用命名空间避免全局污染

数组的下标可以是一个object对象,例如
var key = {name:"cc"};
var key2 = {};
var arr = [];
arr[key] = "haha";
arr[key2] = "hehe";
alert(arr[key]);//hehe
alert(arr[{}]);//hehe
这里会有一个隐式转换,会调用对象的toString方法
如果想使用数组hash特性,可以重写对象toString方法,这样便可以利用数组来实现键值为对象map功能,对象同理

偷方法
使arguments变为数组,同理可使getElementsByTagName变为数组
var args = [].slice.call(arguments,0)

往对象里塞数组
var obj = {};
[].push.apply(obj,[1,2,4]);//{0:1,1:2,2:4,length:3}


暂时写这么多,欢迎大家提供分享~~
2
1
分享到:
评论
1 楼 king114963349 2011-09-05  
专注细节,裨益成败!!!

相关推荐

    js弹出层并获取弹出层文本内容

    5. **JavaScript语法**:避免使用ES6以上的语法,除非你知道你的目标用户都使用支持这些特性的浏览器。 6. **异常处理**:为可能出现错误的地方添加适当的错误处理,以防止程序崩溃。 通过以上步骤,我们可以在...

    javascript超详尽学习资料(源码,教材,ppt)

    通过做练习,你可以检验自己对某个概念或技术的理解程度,而答案则可以让你知道自己在哪些地方犯了错误,从而针对性地进行改正和复习。这种自我测试的方式对于提高编程技能非常有效。 在学习过程中,建议按照以下...

    详细讲解JavaScript中的this绑定

    为了更好地掌握`this`,建议深入阅读《你不知道的JavaScript》这样的经典书籍,并通过实践来加深理解。熟悉这些概念后,可以进一步探索JavaScript中的闭包(如何保留外部作用域的引用)和继承(如原型链、类继承、...

    jQuery nprogress.js页面加载进度条

    3. 不要在不需要的地方调用`NProgress.done()`,否则进度条可能不会正确显示。 总的来说,jQuery nprogress.js是一个简单易用的工具,可以增强用户体验,特别是在大型或复杂的网页中。通过理解和应用上述知识,你...

    百度地图JavaScriptAPI离线版3.0.zip

    7. 应用集成:开发者需要知道如何将百度地图JavaScript API离线版3.0集成到自己的项目中,这可能涉及到HTML、CSS和JavaScript的编写,以及与后端系统的交互,如数据同步、位置计算等。 通过学习和理解以上知识点,...

    口令js (1).zip_JS陶口令_js淘口令解密_口令 js_淘口令_淘口令解密a

    综上所述,这个压缩包中的“口令js (1).txt”文件很可能是用于解析和解密淘口令的JavaScript代码,涉及到的技术包括但不限于JavaScript编程、加密算法、API接口调用以及安全策略。通过研究这个文件,我们可以深入...

    集成博客论坛知道地方性综合门户网站源代码

    标题中的“集成博客论坛知道地方性综合门户网站源代码”指的是一个包含了多种功能模块的网站源码,这个源码集成了博客、论坛和问答系统,专为地方性综合门户设计。这意味着它具有高度的定制性和适应性,能够满足地区...

    JavaScript 事件代理需要注意的地方

    然而,这种做法并不理想,因为它要求父元素知道所有子元素的细节。更佳的解决方案是阻止子元素的事件冒泡,使得只有父元素的事件处理函数被调用。这可以通过CSS的`pointer-events: none;`属性或者JavaScript的`event...

    【JavaScript源代码】如何在JavaScript中正确处理变量.docx

    在JavaScript编程中,正确处理变量是一项至关重要的技能,它直接影响着代码的质量、可读性和可维护性。本文将深入探讨如何有效地使用`const`和`let`声明变量,以及如何通过最小化变量作用域来提升代码质量。 首先,...

    egal在jupyter和其他地方轻松进行SVG绘图

    "JavaScript开发-其它杂项" 标签表明egal可能是一个使用JavaScript编写的库,可能与前端开发有关,同时其功能可能较为多样,不局限于单一领域。JavaScript是Web开发的主流语言,也是许多数据可视化工具的基础,因此...

    软件工程师-Web开发者可能不知道的12个Firebug技巧.docx

    ### 软件工程师-Web开发者可能不知道的12个Firebug技巧 #### 一、简介 在Web开发领域,Firebug是一款极具影响力的工具,它作为Firefox浏览器的一个插件,为开发者提供了强大的网页调试功能。无论是HTML、CSS还是...

    js_tricks_and_tips:JavaScript 技巧和窍门

    如果您不知道自己在做什么,JavaScript 是一种可能会伤害您的语言。 幸运的是,一旦您了解了该语言的性质,您可能会真正喜欢使用它。 毕竟它是网络语言。 如果你能用 JavaScript 开发,你可以取得很多成就! 这不...

    几个你不知道的技巧助你写出更优雅的vue.js代码

    Vue.js 是一个流行的前端JavaScript框架,它允许开发者使用简洁的模板语法和组件化的结构来构建交互式的Web应用。在使用Vue.js的过程中,有一些技巧可以帮助我们编写出更加优雅和高效的代码。本文将探讨以下几个方面...

    JavaScript中的函数嵌套使用

    例如,如果`hypotenuse`函数被用作另一个函数的参数,`square`函数依然能够访问到`hypotenuse`函数作用域内的`a`和`b`,即使这个外部函数并不知道`square`的存在。 总的来说,JavaScript中的函数嵌套提供了以下优点...

    IE功能汇总(javascript).htm

    开发者需要知道如何在JavaScript中针对这些特性进行条件判断和适配。 4. **文档模式**:IE支持多种文档模式,如Quirks模式、IE5模式、IE7模式等,这些模式会影响CSS样式和JavaScript的解析。理解不同模式间的差异有...

    media-query-sync:媒体查询同步——在 JavaScript 中重用 CSS 媒体查询

    媒体查询同步 在 JavaScript 中重用 CSS 媒体查询。... 如果你的目标浏览器不知道这个对象,你必须包含 。 (例如 Microsoft Surface 平板电脑上的 IE 10) if ( typeof window . CustomEvent !== 'function' ) { /*

    js-goodparts:Javascript

    对我来说 - 我希望稍后使用它,以便快速参考,也可以构成我可能想在任何地方教授的课程的基础。 (我喜欢教学,但你知道老师会被更轻声地评判;)) 关于本书(概要) 这是一本关于JavaScript 编程语言的书。 它...

    javascript面试题

    **13、在 css/js 代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次 js 请求一般情况下有哪些地方会有缓存处理?** - 浏览器缓存:本地缓存、服务端缓存。 - CDN 缓存:减少服务器压力。 - HTTP 协议...

Global site tag (gtag.js) - Google Analytics