js中的内部属性与delete操作符介绍

时间:2021-1-8 作者:admin

一、变量

说到javascript中的delete操作符,还是首先要搞清楚javascript中的变量和属性之间的关系。

javascript中,变量和对象属性关系非常微妙,甚至可以很多时候会被等同起来,因为 javascript 在执行脚本之前会创建一个global对象,在浏览器中就是window对象,所有的全局变量都是这个global对象的属性,执行函数时也会创建一个activation对象,所有的局部变量都是这个activation对象的属性。这些可以大家可以去了解一下javascript作用域和闭包。

var global = 1;
this.global;
this.global2 = 2;
global2;
function foo() {
var local = 36;

}

似乎变量就等同于对象属性,其实不然,至少对于delete操作符来说还是不一样的。我的理解是变量声明是必须通过 var 语句来完成的,未通过var 语句声明的全局变量都是都是window对象的属性。这样就很容易的理解变量和对象属性的关系了。

二、delete操作符

delete操作符是用来删除对象属性的。对于引用类型的值,它也是删除对象属性的本身,不会删除属性指向的对象。如果有疑问可以看看基本类型和引用类型的值,或者测试下面的代码:

var o = {};
var a = { x: 10 };
o.a = a;
delete o.a;
console.log(o.a);
console.log(a.x);

另外,delete o.x 也可以写作 delete o[“x”],两者效果相同。

三、变量是不能删除的

通过var声明的变量和通过function声明的函数拥有dontdelete特性,是不能被删除。未通过var声明的全局变量(全局对象的属性)

var global = {
a: 123,
b: {
c: 1345
}
};
delete global;
console.log(global)
obj = {
a: 123
};
delete obj;
console.log(obj);

四、原型中声明的属性和对象自带的属性无法被删除

原型prototype中声明的属性和对象自带的属性(其实这些属性也是在原型prototype中的)可以认为是带有dontdelete的特性的,无法被删除。例如

function obj() {
this.x = 1;
}
obj.prototype.x = 2;
var o = new obj();
console.log(o.x);
delete o.x;
console.log(o.x);

var strings = “123456”;
console.log(strings.length);
delete strings.length;
console.log(strings.length);

五、eval语句下的几个例外

eval执行的代码中,通过var声明的变量虽然与正常的var声明变量同属于global对象,但它们不具有dontdelete特性,能被删除。但是eval的代码中的函数内通过var定义的变量具有dontdelete,不能被删除。

eval(“var x = 42;”);
x;
delete x;
x;
eval(“function f() { return 12; }”);
f();
delete f;
f();

eval(“(function () {” +
” var x = 42;” +
” delete x;” +
” return x;” +
“})();”)

六、delete的返回值

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

function c() {
this.x = 42;
}
c.prototype.y = 12;
var o = new c();
delete o.x;
o.x;
“x” in o;

delete o.y;
o.y;

delete o;

delete undefinedproperty;

delete 42;

var x = 24;
delete x++;
x;

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。