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

客官°小女子只卖身不卖艺 2022-05-27 04:25 134阅读 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 条评论，134人围观）

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

相关阅读

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

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

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

相关原生JS

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

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

相关原生js 时钟

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

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

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

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

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

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

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

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

相关 js_js流程控制

1、表达式、语句 ![1151059-20190428154626820-321544929.png][] 2、流程控制顺序分支循环分支循环结构都

梦里梦外;/ 2022年01月09日 11:41/ 0 赞/ 328 阅读

相关原生js计时器

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

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

相关原生js控制盒子显隐

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

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

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

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

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

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

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

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