快捷導(dǎo)航

JavaScript創(chuàng)建防篡改對(duì)象的方法分析

更新時(shí)間：2018年12月30日 14:34:02 作者：deniro_li

這篇文章主要介紹了JavaScript創(chuàng)建防篡改對(duì)象的方法,結(jié)合具體實(shí)例形式分析了javascript基于不可擴(kuò)展對(duì)象、密封的對(duì)象和凍結(jié)的對(duì)象實(shí)現(xiàn)防篡改對(duì)象的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript創(chuàng)建防篡改對(duì)象的方法。分享給大家供大家參考，具體如下：

之前的 JavaScript，開發(fā)人員可能會(huì)意外修改了別人的代碼，甚至重寫原生對(duì)象！現(xiàn)在，在 ECMAScript 5 中可以定義防篡改對(duì)象啦O(∩_∩)O~

不過，一旦把對(duì)象定義為防篡改之后，就無(wú)法撤銷了哦。

1 不可擴(kuò)展對(duì)象

默認(rèn)情況下，所有的對(duì)象都是可擴(kuò)展的，即可以隨意地添加屬性和方法?，F(xiàn)在，使用 Object.preventExtensions(person) 方法后，對(duì)象就不可以擴(kuò)展咯：

<script type="text/javascript">
  var person = {name: "deniro"};
  //  person.age = 29;
  //  console.log(person.age);
  console.log(Object.isExtensible(person));//true
  Object.preventExtensions(person);
  person.age = 15;
  console.log(person.age);//undefined
  console.log(Object.isExtensible(person));//false
</script>

運(yùn)行結(jié)果：

在非嚴(yán)格模式下，為對(duì)象添加新成員會(huì)靜默失??；而在嚴(yán)格模式下，會(huì)拋出錯(cuò)誤。

雖然對(duì)象不能添加新成員，但仍然可以修改和刪除已有的成員。而 Object.isExtensible() 可以確定對(duì)象是否可擴(kuò)展。

2 密封的對(duì)象

密封的對(duì)象不可以擴(kuò)展，而且已有的成員的[[Configurable]]的特性也被設(shè)置為 false，這意味著不能刪除這個(gè)對(duì)象的屬性和方法咯，但屬性的值可以修改：

<script type="text/javascript">
  var person = {name: "deniro"};
  console.log(Object.isExtensible(person));//true
  console.log(Object.isSealed(person));//false
  Object.seal(person);//密封對(duì)象
  console.log(Object.isExtensible(person));//false
  console.log(Object.isSealed(person));//true
  person.age = 29;
  console.log(person.age);//undefined
  delete person.name;
  console.log(person.name);//deniro
</script>

運(yùn)行結(jié)果：

跟不可擴(kuò)展對(duì)象相似，在非嚴(yán)格模式下，刪除對(duì)象的已有成員會(huì)靜默失??；而在嚴(yán)格模式下，會(huì)拋出錯(cuò)誤。

3 凍結(jié)的對(duì)象

對(duì)象的最嚴(yán)格的防篡改級(jí)別是凍結(jié)！凍結(jié)的對(duì)象既不能擴(kuò)展，又是密封的，而且對(duì)象的數(shù)據(jù)屬性[[Writable]]被設(shè)置為 false，即屬性值無(wú)法被修改：

<script type="text/javascript">
  var person = {name: "deniro"};
  console.log(Object.isExtensible(person));//true
  console.log(Object.isSealed(person));//false
  console.log(Object.isFrozen(person));//false
  Object.freeze(person);
  console.log(Object.isExtensible(person));//false
  console.log(Object.isSealed(person));//true
  console.log(Object.isFrozen(person));//trueo
  person.age = 29;
  console.log(person.age);//undefined
  delete person.name;
  console.log(person.name);//deniro
  person.name = "lily";
  console.log(person.name);//deniro
</script>

運(yùn)行結(jié)果：