JS中的delete操作符

Posted 2020-09-24 Booo

首先，delete删除成功返回true，失败返回false。

js代码：

function wxCount ($element) {
    this.init($element);
}

wxCount.prototype = {
    init : function(){...}, //初始化方法
    count ： function(){...}, //计算方法
    destroy ： function(){
        delete this;
    } //删除方法
}

仔细一看便知，这里的this指向的是function wxCount()，而在javascript中，delete是无法删除一般的变量或者function的，永远都会返回false。

example：

<script type="text/javascript">
    x = 1;         // 创建全局属性x
    var y = 2;     // var声明，y为变量
    obj = {
          a : 3,
          b : 4
    };              // 创建全局对象obj，并有a和b两个成员变量


    delete x;       // returns true

    delete y;       // returns false 

    delete Math.PI; // returns false 

    delete obj.a; // returns true 
    delete obj.b; // returns true 

    delete obj;   // returns true

    function f() {
          var z = 5;
        var obj2 = {
            c : 6,
              d : 7
        }
        obj3 = {
            e : 8
        }
          delete z;     // returns false
        delete obj2;     // returns false
        delete obj2.c;     // returns true
        delete obj3;     // returns true
    }
</script>

大多数情况下可以理解为：通过变量或者函数声明的属性不能删除。

1.全局属性可以删除

x = 150;
delete x; //return true

function f() {
    obj = {
        a : 2
    }
}
delete obj; //return true

x可以理解为全局对象GLOBAL的一个属性，即GLOBAL.x，可以删除成功。函数中的obj也被置为全局属性，同理。

2.通过var或者function声明的属性不能删除

var x = 150;
delete x; //return fale
function y() {}
delete y; //return false

3.内置的属性不能删除

delete Math.PI //reuturn false
function (param) {
    delete param; //return false
    console.log(param); //1
}(1);

4.原型上的属性

function People(){}
People.prototype.age = 18;
var Perez = new People();
Perez.age = 100;
console.log(Perez.age); //100
delete Perez.age; //return ture
console.log(Perez.age); //18
//返回成功但是并没有什么用，Perez还是会继承原型上的age属性

delete People.prototype.age;
console.log(Perez.age); //undefined

5.删除数组中元素

var ipr = ["zhong","du","sun","an","yuan"];
delete ipr[4];  //return true
console.log(ipr);  //["zhong","du","sun","an"]
console.log(ipr.length);  //5
console.log(4 in ipr);  //false
console.log(ipr[4]);  //undefined

删除数组中元素，数组长度不会发生变化，但是元素实际不存在数组中了。

var ipr = ["zhong","du","sun","an",undefined];
console.log(4 in ipr);  //ture

如果将最后个元素置为undefined，实际还是存在数组中。

关于delete更深的问题和兼容性问题，可以参考
深入理解JS的delete