【JS】原生JS的控制Object能否修改

客官°小女子只卖身不卖艺 2022-05-27 04:25 146阅读 0赞

> 三种方式可以控制  
> \- Object.preventExtensions() 不能添加 可以修改  
> \- Object.seal() 不能删除 不能添加 可以修改  
> \- Object.freeze() 一旦对象使用 就被认为是不可改变的 不能删除 不能添加 不能修改  
> 注释：如果对象的属性本身是一个对象的话 这个对象是可以更新的

## Object.preventExtensions() ##

> Object.preventExtensions() 不能添加 可以删除 可以修改

var obj = {
    	name : 'quanquan'
    };
    //冻结obj
    var obj2 = Object.preventExtensions(obj);
    delete obj2.name;//可以删除
    obj2.name = '2018.04.09';
    function makeTypeError(){
    	'use strict'; //严格模式
    	Object.definedProperty(obj2,'greeting',{value:'hello world'});//添加新属性会抛出异常
    };
    makeTypeError();

## Object.seal()\#\# ##

> Object.seal() 属性不能删除 不能添加 可以修改

var obj = {};
    obj.greeting = 'welcome';
    //冻结obj
    Object.seal(obj);
    obj.greeting = 'hello world';
    /*无法将已有属性转换成存取器*/
    Object.defineProperty(obj,'greeting',{get:function(){return 'hello world'}});
    function makeTypeError(){
    	'use strict';
    	delete obj.greeting;//无法删除
    }
    makeTypeError();

## Object.freeze() ##

> Object.freeze() 一旦使用对象就呗认为是不可改变的，无法再添加/删除或者更新属性 如果属性本身是一个对象的话 那该对象可以更新，浅冻结

var obj = {
    	greeting :'welcome',
    	innerObj : {}
    }
    //冻结obj
    Object.freeze(obj);
    
    //修改对象中对象的属性的值
    obj.innerObj.name = 'quanquan';
    
    delete obj.innerObj[name];//可以删除
    
    function makeTypeError(){
    	'use strict'
    	obj.innerObj.greeting = 'worked so far';可以修改属性值是对象的属性
    	obj.greeting = "welcome"; //不能修改属性
    	delete obj.greeting;//不能删除属性
    };
    makeTypeError();

相关书籍：《精通javascript》（第二版）第二章

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关【js】原生JS获取元素和修改元素属性

原生js获取标签可以使用内置对象document，获取到标签之后可以直接获取或修改属性 1.document获取标签 getElementById() 根据id

ゝ一世哀愁。/ 2022年11月26日 12:00/ 0 赞/ 272 阅读

相关原生JS基础

JavaScript有几种类型的值你能画一下他们的内存图吗创建函数的几种方式调用函数的几种方式创建对象的几种方式原型原型链 new操作符具体干

小咪咪/ 2022年07月13日 00:08/ 0 赞/ 260 阅读

相关原生JS

[你知道URL、URI和URN三者之间的区别吗？][URL_URI_URN] [URL_URI_URN]: http://mp.weixin.qq.com/s/9Q4dE9

ゝ一世哀愁。/ 2022年06月08日 06:26/ 0 赞/ 484 阅读

相关原生js 时钟

话不多说，直接上代码。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

我就是我/ 2022年05月30日 07:53/ 0 赞/ 301 阅读

相关【JS】原生JS以对象作为构造器创建实例Object.create()

> 使用对象字面量作为其他对象的基础 > 创建Person对象具有下列属性 var Person = { firstName : 'quanquan

本是古典何须时尚/ 2022年05月27日 04:37/ 0 赞/ 176 阅读

相关【JS】原生JS的控制Object能否修改

> 三种方式可以控制 > \- Object.preventExtensions() 不能添加可以修改 > \- Object.seal() 不能删除不能添加可以

客官°小女子只卖身不卖艺/ 2022年05月27日 04:25/ 0 赞/ 147 阅读

相关原生js计时器

闲来无事,写一个简单的计时器 <!DOCTYPE html> <html lang="en"> <head> <meta c

系统管理员/ 2022年01月06日 10:13/ 0 赞/ 370 阅读

相关原生js控制盒子显隐

<div class="center">展示内容</div> var paihao = '' showdiv() // 控制内容输

叁歲伎倆/ 2021年07月24日 20:26/ 0 赞/ 449 阅读

相关原生js源码之Object.keys()方法

`Object.keys()` 方法会返回一个由一个给定对象的自身可枚举属性组成的数组。语法： Object.keys(obj) 参数obj：需要枚举

╰半橙微兮°/ 2021年07月24日 17:55/ 0 赞/ 541 阅读

相关原生js源码之Object.values方法

`Object.values()`方法返回一个给定对象自身的所有可枚举属性值的数组。模仿一个 Object.prototype.myValues=fu

╰半橙微兮°/ 2021年07月24日 17:31/ 0 赞/ 516 阅读