Javascript学习笔记 delete运算符_javascript技巧

一、语法

delete后面的表达式必须给出一个属性的引用,比如
var o = {a:1};
delete o.a; //此处o.a是对象o的属性a的引用

只有在with语句里才能使用单独的属性名

复制代码 代码如下:

with(o){
delete a;
}

二、delete的返回值

delete是普通运算符,会返回true或false。规则为:当被delete的对象的属性存在并且不能被删除时 返回false,否则返回true。 这里的一个特点就是,对象属性不存在时也返回true,所以返回值并非完全等同于删除成功与否。

复制代码 代码如下:

var o = {a:1};
delete o.a; //返回true
var b = 2;
delete b;//返回false,ECMA规则约定:使用var和function声明的变量不可以被delete

三、哪些情况下不允许delete

上例提到的var和function声明的变量不可以被delete,但隐式声明可以被删除

复制代码 代码如下:

function c(){return 12;}
delete c;//返回false
d = function(){return 12;}
delete d;//返回true

不能delete从原型链上继承的属性,但可以删除原型链上的属性

复制代码 代码如下:

function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();
delete foo.bar; // 返回true,但并没有起作用
alert(foo.bar); // alerts 42, 属性是继承的
delete Foo.prototype.bar; // 在原型上删除属性bar
alert(foo.bar); // alerts "undefined", 属性已经不存在,无法被继承

四、特例

复制代码 代码如下:

eval执行的代码中如有通过var和function声明的变量,可以被delete
eval("var a=1");
delete a;
alert(a); //报未定义错误

如果声明是在eval执行代码中的闭包内进行的,则变量不能被delete
eval("(function(){var a=1;delete a; return a;})()");//1
五、delete 数组元素

从数组中delete其元素并不会影响数组的长度

复制代码 代码如下:

var arr = ['yuyin','suhuan','baby'];
delete arr[0];
alert(arr.length);//alert 3

被delete的键值已经不属于数组,但却还是可以被访问,其值为undefined。

复制代码 代码如下:

var arr = ['yuyin','suhuan','baby'];
delete arr[0];
0 in arr; // false
alert(arr[0]);//undefined
arr[0] === undefined;//true

对比直接将键值赋值undefined

复制代码 代码如下:

var arr = ['yuyin','suhuan','baby'];
arr[0] = undefined;
0 in arr; // true
alert(arr[0]);//undefined
arr[0] === undefined;//true

可以看出delete 操作只是将键值这个属性从数组中删除了,数组本身也是对象,这个情况好理解的。如果需要保留键值,可以用undefined赋值。

时间: 2024-08-31 18:10:46

Javascript学习笔记 delete运算符_javascript技巧的相关文章

JavaScript学习笔记之创建对象_javascript技巧

JavaScript 有Date.Array.String等这样的内置对象,功能强大使用简单,人见人爱,但在处理一些复杂的逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象. 从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值.对象或函数.也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象. 对象是JavaScript的基本数据类型.在JavaScript中除了字符串.数字.true.false.null和undefine

javascript 学习笔记(onchange等)_javascript技巧

1.onchange 及其onpropertychange,oninput 在IE下可使用onpropertychangel立即触发监听, oninput 可以使用在FF下,但必须使用w3c推荐的addEventListener的方式来绑定事件. http://www.jb51.net/article/25275.htm 2. <button></button>也有type属性: 很少用一般使用input标签,今天开发那边使用button说在ff下怎么和提交相同,查手册发现butt

Javascript 学习笔记 错误处理_javascript技巧

Java代码 复制代码 代码如下: <html> <head> <title>javascript</title> <script type="text/javascript"> function test(inVal){ try{ inVal=inVal.toUpperCase(); }catch(error){ alert("An exception has occurred.Error was:\n\n&quo

Javascript中的delete介绍_javascript技巧

一.问题的提出 我们先来看看下面几段代码,要注意的是,以下代码不要在浏览器的开发者工具(如FireBug.Chrome Developer tool)中运行,原因后面会说明: 为什么我们可以删除对象的属性: 复制代码 代码如下: var o = { x: 1 }; delete o.x; // true o.x; // undefined 但不以删除像这样声明的变量: 复制代码 代码如下: var x = 1; delete x; // false x; // 1 也不能删除像这样定义的函数:

JavaScript 中级笔记 第二章_javascript技巧

1,引用 引用是一个指向对象实际位置的指针.看下面的使用引用的例子: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 本例中,两个对象都指向同一个对象,当修改某一个对象的属性内容时,则会影响另一个. 我们再来看一个例子,这次我们利用数组来讲解引用: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 如果在arr被重新定义后,则引用就不是同一个对象了,如下代码所示: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 接下来我们来看一个比较特殊点的例子,关于字符串的引

JavaScript 中级笔记 第一章_javascript技巧

李老师-英语 张老师-数学 刘老师-物理

javascript学习之闭包分析_javascript技巧

在ECMAScript中,在函数声明处向函数外部看到的声明的所有变量,在函数内部都能访问到它们的最终值! 闭包函数只能访问变量的最终值!!! eg:  function fnTest(arr) {   for (var i=0;i < arr.length;i++) { arr[i]=function () { alert(i+" | "+arr[i]); };   } } var arr = [0,1,2,3]; fnTest(arr); for (var i=0;i <

JavaScript学习笔记之取数组中最大值和最小值_javascript技巧

推荐阅读:JavaScript学习笔记之数组的增.删.改.查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 在实际业务中有的时候要取出数组中的最大值或最小值.但在数组中并没有提供arr.max()和arr.min()这样的方法.那么是不是可以通过别的方式实现类似这样的方法呢?那么今天我们就来整理取出数组中最大值和最小值的一些方法. 取数组中最大值 可以先把思路理一下: 将数组中第一个元素赋值给一个变量,并且把这个变量作为最大值: 开始遍历数组,从第二个元

JavaScript学习笔记之ES6数组方法_javascript技巧

ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本.但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中. ES6给数组添加了一些新特性,而这些新特性到目前为止完全可以运用到自己的业务层.在这一节中将总结有关于ES6给数组提供一些新特性的使用方法. ES6提供