JavaScript 中值得注意的要点(1)

  1. Delete 操作在数组与对象之间的差异

对数组进行 delete 运算,效果与对对象进行 delete 运算不同;见下:

  1. //delete操作在对象和数组之间的不同
  2. //先删除对象的属性
  3. var originObj={name:‘Spark‘,inner:{top:‘shirt‘,short:‘T-string‘}};
  4. delete originObj.inner;
  5. for (var prop in originObj){
  6. ?document.write(prop);
  7. }
  8. //-> name
  9. //删除数组的index
  10. array=[1,2,3];
  11. delete array[1];
  12. document.write(array);
  13. //-> 1,,3

?

  1. setInterval()/setTimeout() 函数的注意点

对于setInterval() 与 setTimeout() 函数,需要注意其第一个参数——字符串形式的JS代码,其作用域是全局!也因此像是如下的使用方式是无效的!

  1. function imgSlide(){
  2. ??pic=document.getElementById(‘slide‘); window.setInterval(‘pic.src=change()‘,1000);
  3. }

函数imgSlide()之中,setInterval () 调用了 pic 变量,但是如果在函数中声明该变量则 setInterval() 无法调用成功,因为 setInterval() 的第一个参数 code 的作用域是全局/最外层,亦即 code 中若使用了变量,则该变量必须是全局变量,而无论 setInterval() 方法在哪里被调用。

  1. 用JS操作DOM对象的CSS类的小技巧

    1. 用js向HTML标签现有的类上添加类和去除类时,可以善用split方法,只取出第一个元素(标签原先的类名),再进行增删!

      1. element.className=element.className.split("
        ")[0]+" wrong";
时间: 2024-08-10 18:21:01

JavaScript 中值得注意的要点(1)的相关文章

HTML 与 CSS 中值得注意的要点(持续更新)

HTML <button> 元素 元素名称 属性 属性可选值 属性默认值 button type button ? reset ? submit ? <button> 元素 的 type 属性取值可以是 button.reset.submit:在IE8及更新版本和其他现代浏览器中该属性默认值为 submit. 可以观察如下代码及其最终效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q

javascript中apply、call和bind的区别,容量理解,值得转!

a)  javascript中apply.call和bind的区别:http://www.cnblogs.com/cosiray/p/4512969.html b)  深入浅出 妙用Javascript中apply.call.bind   http://www.admin10000.com/document/6711.html ====================================================== 在JS中,这三者都是用来改变函数的this对象的指向的,他们

JavaScript中的正则表达式(终结篇)

JavaScript中的正则表达式(终结篇) 在之前的几篇文章中,我们了解了正则表达式的基本语法,但那些语法不是针对于某一个特定语言的.这篇博文我们将通过下面几个部分来了解正则表达式在JavaScript中的使用: JavaScript对正则表达式的支持程度 支持正则表达式的RegExp类型 RegExp的实例属性 RegExp的实例方法 RegExp的构造函数属性 简单的应用 第一部分:JavaScript对正则表达式的支持程度 之前我介绍了正则表达式的基本语法,如果大家不是很了解可以先看下面

深入理解JavaScript中创建对象模式的演变(原型)

创建对象的模式多种多样,但是各种模式又有怎样的利弊呢?有没有一种最为完美的模式呢?下面我将就以下几个方面来分析创建对象的几种模式: Object构造函数和对象字面量方法 工厂模式 自定义构造函数模式 原型模式 组合使用自定义构造函数模式和原型模式 动态原型模式.寄生构造函数模式.稳妥构造函数模式 第一部分:Object构造函数和对象字面量方法 我之前在博文<javascript中对象字面量的理解>中讲到过这两种方法,如何大家不熟悉,可以点进去看一看回顾一下.它们的优点是用来创建单个的对象非常方

【转】深入浅出 JavaScript 中的 this

Java 等面向对象的语言中,this 关键字的含义是明确且具体的,即指代当前对象.一般在编译期确定下来,或称为编译期绑定.而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的,这就导致 JavaScript 中的 this 关键字有能力具备多重含义,带来灵活性的同时,也为初学者带来不少困惑.本文仅就这一问题展开讨论,阅罢本文,读者若能正确回答 JavaScript 中的 What ’s this 问题,作为作者,我就会觉得花费这么多功夫,撰写这样一篇文章是值得的. Java

Javascript中this关键字详解

原文出处:http://www.cnblogs.com/justany/archive/2012/11/01/the_keyword_this_in_javascript.html Quiz 请看下面的代码,最后alert出来的是什么呢? 1 var name = "Bob"; 2 var nameObj ={ 3 name : "Tom", 4 showName : function(){ 5 alert(this.name); 6 }, 7 waitShowNa

为什么不要在 JavaScript 中使用位操作符?

如果你的第一门编程语言不是 JavaScript,而是 C++ 或 Java,那么一开始你大概会看不惯 JavaScript 的数字类型.在 JavaScript 中的数字类型是不区分什么 Int,Float,Double,Decimal 的.咳咳,我说的当然是在 ES6 之前的 JS,在 ES6 的新标准中提出了像 Int8Array 这样新的数据类型.不过这不是本文叙述的重点,暂且就不谈啦.本文将更着重地谈 JS 的数字类型以及作用于它的位操作符,而关于包装对象 Number 的更多了解可以

JavaScript大杂烩6 - 理解JavaScript中的this

在JavaScript开发中,this是很常用的一个关键字,但同时也是一个很容易引入bug的一个关键字,在这里我们就专门总结一下页面中可能出现的this关键字(包括几种在其他页面文件中出现的this). JavaScript中的this关键字通常只使用在函数中,它指向当前函数的调用者,这是this关键字的本质,所有的使用方式都是围绕这个展开的,让我们来看一下在各种性质的函数中this的用法.1. 在对象的函数中使用this var person = { name: 'Frank', say: f

探究JavaScript中的五种事件处理程序

我们知道JavaScript与HTML之间的交互是通过事件实现的.事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务器运算负载的一种手段. 通俗地理解,事件就是用户或浏览器自身执行的某种操作.而事件处理程序即为响应某个事件的函数.抽出主干,即事件处理程序为函数.  我们又把事件处理程序称为事件侦听器.  事件处理程序是以"on"开头的,因此对于事件on的时间处理程序即为onclick.时间处理程序在JavaScript中大致有五种,下面会根据这五种