ES5特性之Object.freeze

Object.freeze方法比Object.seal方法更严格,不仅不能扩展新对象和不可重新配置属性的特性,还不能改变对象属性的值writable(不可写)…

ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)

前面提到 ES5 对象属性描述符,这篇看看对象的扩展.密封和冻结. 扩展对象 Object.preventExtensions Object.isExtensible 密封对象 Object.seal Object.isSealed 冻结对象 Object.freeze Object.isFrozen 1. Object.preventExtensions 阻止对象扩展,让一个对象变的不可扩展,也就是永远不能再添加新的属性 ES3 是没有办法阻止对象扩展的,定义对象后可以给对象添加任意属性,如…

javascript EcmaScript5 新增对象之Object.freeze

我们都知道在js里对象是很容易改变的 var obj1 ={ a:'111' } obj1.a = '222'; console.log( obj.a ) //output 222 对象的属性发生了变化现在我们来看看es5 给我提供一个对象的新方法冻结对象(浅冻结). Object.freeze(obj) obj是要冻结的对象,Object.freeze()可以防止对象新增属性或方法,防止删除和修改现有的属性和方法.他其实就是让对象变成不可变的数据; var obj = { a:'111' }…

vue Object.freeze() 优化

参考自:https://segmentfault.com/a/1190000006191558 Object.freeze()是ES5新增的特性,可以冻结一个对象,防止对象被修改. vue 1.0.18+对其提供了支持,对于data或vuex里使用freeze冻结了的对象,vue不会做getter和setter的转换. 如果你有一个巨大的数组或Object,并且确信数据不会修改,使用Object.freeze()可以让性能大幅提升. 并且,Object.freeze()冻结的是值,你仍然可以将变…

ES5规范之Object增强

在ES5规范中.另一个比較重要的改进,就是Object对象的增强.ES5为Object新增了一系列函数.用于编写安全健壮的程序,今天我们就来一一介绍它们的用法. 以下就是ES5中Object新增的函数: Object.defineProperty(object, propertyName, descriptor); Object.defineProperties(object, descriptors); Object.getOwnPropertyDescriptor(object, prope…

js中的Object.seal()与Object.freeze()

关键字:seal, freeze, property descriptor. 1.Object.seal() 参考文档(2)中这样描述: The Object.seal() method seals an object, preventing new properties from being added to it and marking all existing properties as non-configurable. Values of present properties can…

Object.defineProperty和Object.freeze、Object.seal

目录一 Object.defineProperty 1.1 用法 1.2 数据描述 1.2.1 value 1.2.2 writable 1.2.3 enumerable 1.2.4 configurable 1.2.5 注意默认值 1.2.6 设置的特性总结: 1.3 存取器描述 1.3.1 getter/setter 1.3.2 configurable和enumerable同上面的用法. 1.4 兼容性二 Object.freeze 2.1 Object.freeze做了三件事情 2.…

JavaScript内置一些方法的实现原理--Object.freeze()、instanceof

const定义的常量,一般是不能修改的. 比如: const TIME_OUT = 10000; 但是当值为引用类型值时,还是可以操作对象,扩展或修改对象属性.方法等等. 以下演示代码的操作是不会报错,且行之有效的.. const person = { name: 'xm' } person.age = 18; person.name = 'xh'; ES6(?)在Object上添加了一个静态方法freeze() ,可以禁止修改.扩展引用类型值. 用法就是把person作为参数传入该方法中.如:…

我被冻在了 vue2 源码工具函数第一行Object.freeze()（一）

前言最近参加若川的源码共度活动,第 24 期 vue2 源码工具函数,最开始: var emptyObject = Object.freeze({}); 之前知道 Object.freeze() 是冻结,可是具体是什么呢,错过了就错过了,要不看看吧,那就看看吧,嗯,我这种读源码的方式比较低效,但是还是得看看,不然后面的都不易于理解,就暂且打打基础. 然后就看了MDN Web Docs Object.freeze() Object.freeze() Try it Object.freeze()…

[Javascript] Object.freeze() vs Object.seal()

let person = { firstName: "Zhentian", lastName: "Wan" }; /*Object.freeze() makes object cannot be updated, added or deleted*/ let freezePerson = Object.freeze(person); freezePerson.address="Finland"; // Cannot add property ad…

ECMA5.1中Object.seal()和Object.freeze()的区别

1 Object.seal(O)的调用 When the seal function is called, the following steps are taken: If Type(O) is not Object throw a TypeError exception. For each named own property name P of O, Let desc be the result of calling the [[GetOwnProperty]] int…

Object.freeze(); 方法冻结一个对象。

Object.freeze() 方法可以冻结一个对象.一个被冻结的对象再也不能被修改: 冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性.可配置性.可写性,以及不能修改已有属性的值. 此外,冻结一个对象后该对象的原型也不能被修改.freeze() 返回和传入的参数相同的对象. const obj = { property: 42 }; const obj2 = Object.freeze(obj); obj.property = 33; // Thr…

js 深冻结与浅冻结 Object.freeze

1.深冻结 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js 深冻结与浅冻结</title> </head> <body> <script type="text/javascript"> function deepFreeze(o) { var prop, propKey Ob…

js es6 Object.freeze

将对象冻结,使用Object.freeze方法 const foo = Object.freeze({}); // 常规模式时,下面一行不起作用: // 严格模式时,该行会报错 foo.prop = 123; var t = { a:{ t:2 } } //冻结t对象下属性a Object.freeze(t) t.a.t = 3 //不能冻结属性a下的值obj中的对象 console.log(t.a.t) 除了将对象本身冻结,对象的属性也应该冻结.下面是一个将对象彻底冻结的函数. var con…

Object.freeze

Object.freeze() 方法可以冻结一个对象.一个被冻结的对象再也不能被修改:冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性.可配置性.可写性,以及不能修改已有属性的值.此外,冻结一个对象后该对象的原型也不能被修改.freeze() 返回和传入的参数相同的对象. const obj = { prop: 42 }; Object.freeze(obj); obj.prop = 33; // Throws an error in strict…

Object.freeze与 Object.seal的区别

Object.freeze()冻结一个对象.不能添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性.可配置性.可写性,以及不能修改已有属性的值.冻结一个对象后该对象的原型也不能被修改. Object.seal()封闭一个对象.不能添加新属性,不能删除已有属性,不能修改该对象已有属性的可枚举性.可配置性.可写性,已有属性的值以然可以修改.(也就是说descriptor里的writable变成没有变,configurable变成false了) 附:…

ES5特性Object.seal

一个对象在默认状态下: 1,extensible:可扩展(可以添加新的属性) 2,configurable:可配置(可以改变原有属性的特性,比如修改属性的enumerable) Object.seal()会改变这两个特性,既不能扩展新属性,也不能修改已有属性的特性注意,如果你在使用Object.seal方法后,给对象添加新的属性可能不会报错,但是不会起任何作用,如果你通过Object.defineProperty方法重新配置该对象的特性,则会报无法重新定义不可配置属性的特性的错误…

自己封装一个Object.freeze（）方法

1.遍历所有属性和方法 2.修改遍历到的属性的描述 3.Object.seal() Object.defineProperty(Object,'freezePolyfill',{ value:function(obj){ var i; //遍历属性和方法 for(i in obj){ if(obj.hasOwnProperty(i)){ Object.defineProperty(obj,i,{ //修改遍历到的属性 writable:false }); } } Object.seal(obj)…

ECMAScript5新特性之Object.isExtensible、Object.preventExtensions

阻止对象扩展后: 1 不能添加属性. 2 可以修改属性的值. 3 可以删除属性. 4 可以修改属性描述符. var fruit = { name : '苹果', desc : '红富士' }; // console.log('isExtensible',Object.isExtensible(fruit)); // true Object.preventExtensions(fruit); console.log('isExtensible',Object.isExtensible(fruit)…

javascript——对象的概念——Object(未完)

http://www.blogjava.net/zkjbeyond/archive/2006/04/16/41336.html javascript中对象只包括属性和方法两种成员.ECMA-262 把对象(object)定义为“属性的无序集合,每个属性存放一个原始值.对象或函数”.严格来说,这意味着对象是无特定顺序的值的数组.对象的创建和销毁都在 JavaScript 执行过程中发生. 一.Object对象 Object对象是javascript中所有对象的父对象,它的所有方法和属性在所有其他对…

js高级技巧笔记(一)

安全的类型检测 Js的类型检测机制并非完全可靠,发生错误否定及错误肯定的情况也不少: 在safari 在对正则表达式应用typeof操作符时返回"function",因此很难确定某个值到底是不是函数 Instanceof在包含多个框架的时候出现错误. 解决上述问题的办法都一样,在任何值上调用Object原生的toString方法,都会返回一个[object NativeConstructorName]格式的字符串,每个类内部都有一个[[Class]]属性,这个属性中就指定了上述字符串中…

javascript ES5 Object对象

原文:http://javascript.ruanyifeng.com/stdlib/object.html 目录概述 Object对象的方法 Object() Object.keys(),Object.getOwnPropertyNames() Object.observe() 其他方法 Object实例对象的方法 Object.prototype.valueOf() Object.prototype.toString() toString()的应用:判断数据类型对象的属性模型属性的at…

ES5 object的新函数

虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性,但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受,目前主流的浏览器中只有低版本的IE不支持,其它都或多或少的支持了ECMAScript5的新特性,其中重中之重自然是一切对象的基类型--Object Object.create(prototype[,descriptors]) 这个方法用于创建一个对象,并把其prototype属性赋值为第一个参数,同时可以设置多个descriptors,关于dec…

ECMAScript5新特性之isFrozen、freeze

对象被冻结后: 1 不能添加属性. 2 不能删除属性. 3 不能修改属性.(赋值) 4 不能修改属性描述符.(会抛异常) var fruit = { name : '苹果', desc : '红富士' }; // console.log('isFrozen',Object.isFrozen(fruit)); // false Object.freeze(fruit); console.log('isFrozen',Object.isFrozen(fruit)); // true // fruit…

ES5 object方法整理

Object.getPrototypeOf(object):调用对象父类原型上的方法; function Person(){ this.method1 = function(){alert(1)} } Person.prototype.method2 = function(){alert(2);} function Man(){ this.m1 = function(){ Object.getPrototypeOf(this).method1(); } } Man.prototype = new…

利用babel工具将es6语法转换成es5，Object.assign方法报错

一.新建工程初始化项目 1.新建工程文件夹这里起名叫做es6,然后在里面创建两个文件夹分别为src .dist如下图:(src为待转换es6 js存放目录,dist为编译完成后的es5 js存放目录) 2.在src目录下新建一个js文件,里面输入es6的代码 3. 初始化项目 npm init 二.全局安装babel工具 1)在终端中输入以下命令, npm install -g babel-cli 2)安装转换包 npm install --save-dev babel-preset-es2…

【转】浅谈JavaScript、ES5、ES6

什么是JavaScript JavaScript一种动态类型.弱类型.基于原型的客户端脚本语言,用来给HTML网页增加动态功能.(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型.变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型. 弱类: 计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型. 原型: 新对象继承对象(作为模版),将自身的属性共享给新对象,模版对象称为原型.这样新对象实例化后不但可以享有自己创建时和运行时定义的属性,…

ECMAScript5 Object的新属性方法

虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性,但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受,目前主流的浏览器中只有低版本的IE不支持,其它都或多或少的支持了ECMAScript5的新特性,其中重中之重自然是一切对象的基类型——Object Object.create(prototype[,descriptors]) 这个方法用于创建一个对象,并把其prototype属性赋值为第一个参数,同时可以设置多个descriptors,关于dec…

原生JS：Object对象详细参考

Object对象详细参考本文参考MDN做的详细整理,方便大家参考MDN JavaScript原生提供一个Object对象(注意起首的O是大写),所有其他对象都继承自这个对象. 构造函数: Object 构造函数为给定的值创建一个对象包装. 如果给定值是 null or undefined,将会创建并返回一个空对象否则,将返回一个与给定值对应类型的对象. 当以非构造函数形式被调用时,Object() 等同于 new Object(). var o1 = new Object();//创建空对象…

详解JavaScript中的Object对象

Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的.虽说我们平时只是简单地使用了Object对象来存储数据,并没有使用到太多其他功能,但是Object对象其实包含了很多很有用的属性和方法,尤其是ES5增加的方法,因此,本文将从最基本的介绍开始,详细说明了Object的常用方法和应用. 基础介绍创建对象首先我们都知道,对象就是一组相似数据和功能的集合,我们就是用它来模拟我们现实世界中的对象的.那在Javascript中,创建对象的方…

【ES5特性之Object.freeze】的更多相关文章