js.属性_添加删除_资料

Posted 2020-10-23 Html5Skill

1、主要是记录3个网页的内容：

　　1.1、delete - javascript _ MDN.html（https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/delete）　　ZC：MDN ! !

　　1.2、关于给javascript对象添加、删除、修改对象的属性 - goweb - 博客园.html（https://www.cnblogs.com/goweb/p/5357640.html）

　　　　ZC: 添加属性的几种方式：
　　　　　　(1)、利用动态特性 [ZC: 直接对象实例.属性名=属性值;]
　　　　　　(2)、构造函数中this
　　　　　　(3)、原型中添加属性
　　　　　　(4)、字面量添加属性
　　　　　　(5)、封装extend方法

　　1.3、js delete 用法(删除对象属性及变量)_javascript技巧_脚本之家.html（http://www.jb51.net/article/54247.htm）

　　　　ZC: 这里我比较注意：
　　　　　　(1)、直接用delelte删除不了变量[ ZC: MDN中说“任何使用 var 声明的属性不能从全局作用域或函数的作用域中删除。” ]
　　　　　　(2)、删除不了原型链中的变量

 

 

2、网页内容 保存

　　2.1、关于给javascript对象添加、删除、修改对象的属性 - goweb - 博客园.html（https://www.cnblogs.com/goweb/p/5357640.html）

以下是自己总结的几种方法

• 利用动态特性

 1             function Person(){};
 2             var person = new Person();
 3             person.name = \'yy\';
 4             person.gender = \'girl\';
 5             console.log(person.name+\',\'+person.gender);//yy,girl
 6             delete person.name;//删除属性
 7             console.log(person.name);//undefined
 8 //            变式
 9             function Person(){};
10             var person = new Person();
11             person[\'name\'] = \'yy\';
12             person[\'gender\'] = \'girl\';
13             console.log(person.name+\',\'+person.gender);//yy,girl
14             delete person.name;//删除属性
15             console.log(person.name);//undefined                    

 

• 构造函数中this

var Person = function (){
                this.name = \'yy\';
                this.gender = \'girl\'
            };
            var person = new Person();
            console.log(person.name+\',\'+person.gender);//yy,girl

 

• 原型中添加属性

var Person = function (){    
            };
            Person.prototype.name = \'yy\';
            Person.prototype.gender = \'girl\';
            var person = new Person();
            console.log(person.name+\',\'+person.gender);//yy,girl
            console.log(person[\'name\']+\',\'+person[\'gender\']);//yy,girl

• 字面量添加属性

var person = {    
            };
            person.name = \'yy\';
            person.gender = \'girl\';
            console.log(person.name+\',\'+person.gender);//yy,girl
            console.log(person[\'name\']+\',\'+person[\'gender\']);//yy,girl
//            另一种写法
            var person = {
                name: \'yy\',
                gender: \'girl\'
            };
            console.log(person.name+\',\'+person.gender);//yy,girl
            console.log(person[\'name\']+\',\'+person[\'gender\']);//yy,girl

• 封装extend方法

var p1 = {};
            var p2 = {name:\'yy\',gender:\'girl\'};
            p1.extend = function(obj){
                for(var k in obj){
                    this[k] = obj[k];
                }
            }
            p1.extend(p2);
            console.log(p1.name+\',\'+p1.gender);//yy,girl
            console.log(p1[\'name\']+\',\'+p1[\'gender\']);//yy,girl

•  在此列举了几种对象添加属性的方法，那么对象添加方法也就照猫画虎了

本文较短，如果有什么建议，多多交流，原创文章，文笔有限，才疏学浅，文中若有不正之处，万望告知，不胜感激！

 

　　2.2、js delete 用法(删除对象属性及变量)_javascript技巧_脚本之家.html（http://www.jb51.net/article/54247.htm）

 

js delete 用法(删除对象属性及变量)

js delete可以删除对象属性及变量，下面是一些示例，感兴趣的朋友可以看看

1、对象属性删除

1 2 3 4 5 6 7 8 9 10 11 12 13

function fun(){   this.name = \'mm\';   }   var obj = new fun();   console.log(obj.name);//mm   delete obj.name;   console.log(obj.name); //undefined

2、变量删除

1 2 3

var name = \'lily\'; delete name; console.log(name); //lily

　　直接用delelte删除不了变量

3、删除不了原型链中的变量

1 2 3

fun.prototype.age = 18; delete obj.age; console.log(obj.age) //18

 

3、

4、

5、