一、ES5的严格模式

  1. 在严格模式下,声明变量必须使用 var
  2. 在严格模式下,不能使用八进制
  3. 在严格模式下,不能使用arguments.callee
  4. 在严格模式下,不能使用eval()    //eval()  可以执行其中的代码串  1 不安全 2污染全局变量
  5. 在严格模式下,不能使用with(obj)  //  方便查找属性  先在obj内部查找 没有在往原型链上查找
  6. 严格模式下delete 删除对象中的属性报错,在普通模式下,使用delete删除变量,不会报错,但是不能删除变量
  7. 全局变量消失(this)
  8. with(obj)//严格模式下报错

    1 with可以简化对象操作,with运行的原理,首先会将所有的变量锁定现在obj的范围内,如果有

    2 // 直接使用,如果没有则根据作用域链的方式向上级查找

  9. 函数中的同名参数(在非严格模式下,形参中出现同名变量,后面的会覆盖掉前面的(覆盖发生在函数调用的时候,传值的过程还是一一对应),严格模式下,不允许函数出现同名参数) ;

  10. ;对象中同名属性(可以忽略的)非严格模式下,对象中出现同名变量,后面的覆盖前面的,严格模式下,会忽略前面的变量直接看最后一个同名属性

二、特性

对具体对象中的属性进行特性的配置

  1  设置单个特性 :    Object.defineProperty(obj, property, descripts)

  • obj:要修饰的对象  property:要修饰的属性   descripts:对象,对象中的属性为要配置的特性选项

  2 设置多个特性:     Object.defineProperties(obj, descripts)

  • obj:你要设置的对象  descripts: 对象  key:value,
  • key:代表的是对象的属性  value:是一个对象,是配置属性的特性的对象

  3 descrips公用属性

  • 枚举性(遍历):enumerable      ,是否可以对属性进行枚举
  • 修改性: writable   不可以修改属性值,但是可以通过配置属性特性中的value来更改属性值
  • 值:value
  • 配置性:configurable   可配置性,是否可以对属性进行特性的配置(默认true 设置为false后 ,之后的设置特性无法在设置生效)。

  4  get 方法(该方法在用户读取对象的属性的时候自动触发,函数的返回值就为读取到的值,如果没有返回值,则为undefined)

  注意:千万不要在get的函数体中读取对象的该属性(死循环) 

 <script>
var obj = {
a: 1,
b: 2
}
5Object.defineProperty(obj, 'a', {
get: function() {
console.log("我被触发了");
return 222;
}
});
console.log(obj.a);
</script>

5  set 方法(该方法也会自动触发,在设置对象的属性的时候触发。return 值没有意义的。)

 <script>
var obj = {
a: 1,
b: 2
}
Object.defineProperty(obj, 'a', {
set: function() {
console.log("我被触发了");
return 333;
}
});
obj.a = 11;
console.log(obj.a);
</script>

  6  如何使用set get 方法进行赋值

 <script>
var obj = {
a: 1,
b: 2
}
/*
需求:
如果给a设置的值为number,则让其设置,如果不是number则设置为999
1、不是在set对a属性真正的赋值(真正的赋值就形成了死循环)
2、引入一个中间值 obj.a = 'i love you'; console.log(obj.a); 999
obj.a = 22; console.log(obj.a); 22
*/
Object.defineProperty(obj, 'a', {
set: function(arg) {
// console.log(typeof arg);
if (typeof arg === 'number') {
this._a = arg; // _a 替补属性 _a没有特殊的含义
} else {
this._a = 999;
}
},
get: function() {
return this._a;
}
});
obj.a = 11;
console.log(obj.a);
obj.a = 'i love you';
console.log(obj.a);
</script>

三、对象的扩展(核心思想;取消对__proto__属性的使用

  1. obj1.isPrototypeOf(obj2)      / / 判断obj1是不是obj2的原型对象 (查找的过程是在原型链上进行查找)
  2. Object.getPrototypeOf(obj)   / /获得obj的原型对象
  3. Object.setPrototypeOf(obj,prototype) / / 设置一个对象的原型对象
  • bj:要设置的对象
  • prototype:要设置的原型对象

  4 对象的扩展性(preventExtensions)

   语法:Object.preventExtensions(obj)   //取消obj对象的扩展性,不能添加属性了,可以读取、删除、修改属性

    语法:isExtensible:Object.isExtensible(obj)  //查看对象的可扩展性,值为布尔类型

 <script>
var obj = {
a: 1,
b: 2
}
obj.c = 3;
console.log(obj);
// 阻止对象的扩展:不能添加属性 可以读取 删除 修改
Object.preventExtensions(obj);
obj.d = 4;
obj.a = 11;
delete obj.b;
console.log(obj.c);
console.log(obj);
// 查看对象是否可以扩展
console.log(Object.isExtensible(obj));
</script>

  5  密封对象(seal)

  语法:Object.seal(obj)  //对obj对象进行密封,不能添加、不能删除 可以修改和读取

  语法:Object.isSealed(obj)  //查看obj对象是否被密封

 <script>
var obj = {
a: 1,
b: 2,
c: 3
}
// 密封对象:不能添加、不能删除 可以修改和读取
Object.seal(obj);
obj.d = 4; // 增加
obj.a = 11; // 修改
delete obj.b; // 删除
console.log(obj.c); // 读取
console.log(obj);
// 查看对象是否被密封
console.log(Object.isSealed(obj));
</script>

  6 冻结对象(freeze)

  语法:Object.freeze(obj)  //将obj对象冻结,obj对象只能读取属性,不能删除、添加、修改属性

  语法:Object.isFrozen(obj)      //查看obj对象是否被冻结

 <script>
var obj = {
a: 1,
b: 2,
c: 3
}
// 冻结对象:不能添加、不能删除 、不能修改 只能读取
Object.freeze(obj);
obj.d = 4; // 增加
obj.a = 11; // 修改
delete obj.b; // 删除
console.log(obj.c); // 读取
console.log(obj);
// 查看对象是否被冻结
console.log(Object.isFrozen(obj));
</script>

ECMAScrip5 二的更多相关文章

  1. 【小程序分享篇 二 】web在线踢人小程序,维持用户只能在一个台电脑持登录状态

    最近离职了, 突然记起来还一个小功能没做, 想想也挺简单,留下代码和思路给同事做个参考. 换工作心里挺忐忑, 对未来也充满了憧憬与担忧.(虽然已是老人, 换了N次工作了,但每次心里都和忐忑). 写写代 ...

  2. 前端开发中SEO的十二条总结

    一. 合理使用title, description, keywords二. 合理使用h1 - h6, h1标签的权重很高, 注意使用频率三. 列表代码使用ul, 重要文字使用strong标签四. 图片 ...

  3. 【疯狂造轮子-iOS】JSON转Model系列之二

    [疯狂造轮子-iOS]JSON转Model系列之二 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇<[疯狂造轮子-iOS]JSON转Model系列之一> ...

  4. 【原】Android热更新开源项目Tinker源码解析系列之二:资源文件热更新

    上一篇文章介绍了Dex文件的热更新流程,本文将会分析Tinker中对资源文件的热更新流程. 同Dex,资源文件的热更新同样包括三个部分:资源补丁生成,资源补丁合成及资源补丁加载. 本系列将从以下三个方 ...

  5. 谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  6. MIP改造常见问题二十问

    在MIP推出后,我们收到了很多站长的疑问和顾虑.我们将所有疑问和顾虑归纳为以下二十个问题,希望对大家理解 MIP 有帮助. 1.MIP 化后对其他搜索引擎抓取收录以及 SEO 的影响如何? 答:在原页 ...

  7. 如何一步一步用DDD设计一个电商网站(二)—— 项目架构

    阅读目录 前言 六边形架构 终于开始建项目了 DDD中的3个臭皮匠 CQRS(Command Query Responsibility Segregation) 结语 一.前言 上一篇我们讲了DDD的 ...

  8. ASP.NET Core 之 Identity 入门(二)

    前言 在 上篇文章 中讲了关于 Identity 需要了解的单词以及相对应的几个知识点,并且知道了Identity处在整个登入流程中的位置,本篇主要是在 .NET 整个认证系统中比较重要的一个环节,就 ...

  9. MVVM模式和在WPF中的实现(二)数据绑定

    MVVM模式解析和在WPF中的实现(二) 数据绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...

随机推荐

  1. navicat安装与激活

    原文网址:https://www.jianshu.com/p/5f693b4c9468?mType=Group 一.Navicat Premium 12下载 Navicat Premium 12是一套 ...

  2. Applied Spatiotemporal Data Mining应用时空数据挖掘

    Course descriptionWith the continuing advances of geographic information science and geospatialtechn ...

  3. java web程序上传文件,浏览器显示连接被重置

    上传文件时,到13%时浏览器显示连接被重置如图: 参考网上很多方法 比如设置server.xml 的相应大小.时间,然并没有解决问题 connectionTimeout="2000000&q ...

  4. 前端每日实战:161# 视频演示如何用纯 CSS 创作一张纪念卓别林的卡片(没有笑声的一天就是被荒废的一天)

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/WaaBNV 可交互视频 此视频是可 ...

  5. C#读取word文档中的内容

    原文地址 http://blog.csdn.net/yhrun/article/details/7674540 在使用前需要添加引用巨硬的com组件:Microsoft Word 12.0 objec ...

  6. 微信小程序 视频 组件

    video 组件 视频组件 相关的api :wx.createVideoContext 支持的格式: 支持的编码格式 video 组件的属性: src:类型 字符串 必填 要播放视频的资源地址 (支持 ...

  7. 对vi/vim的一些看法

    早在网上看到别人如何把vi吹得神乎其神了,决定试着用一下.不过还是发现太麻烦了,因为我是在windows系统下面的,网络的原因无法使用linux系统(无校园电信客户端). 首先vim只是一个文本编辑器 ...

  8. 11 ORA-8102:Index Corruption解析

    11 ORA-8102:Index Corruption解析 [oracle@DSI ~]$ oerr ora 810208102, 00000, "index key not found, ...

  9. c++读取utf-8格式中英文混合string

    最近项目中用到需要给出每一个字在string中的索引,但是又因为中文字符跟英文字符长度不一样,得分开处理, 在这里记录一下. 想要达到的效果如下: 将 “测试3.1415engEng”分割开 代码: ...

  10. IP地址相关运算(如VLSM,超网汇总)

    1.根据IP地址+子网掩码算出IP地址所在的网段(网络号) 例子: IP地址192.168.10.33,子网掩码为:255.255.255.240 (/28) ,写出所在的网络号 1.得出子网的块大小 ...