严格模式
介绍
ES5 除了正常运行模式（又称为混杂模式），还添加了第二种运行模式："严格模式"（strict mode）。
严格模式顾名思义，就是使 JavaScript 在更严格的语法条件下运行。
作用
- 消除 JavaScript 语法的一些不合理、不严谨之处，减少一些怪异行为
- 消除代码运行的一些不安全之处，保证代码运行的安全
- 为未来新版本的 JavaScript 做好铺垫
使用
-
在全局或函数的第一条语句定义为:
'use strict' -
如果浏览器不支持，只解析为一条简单的语句, 没有任何副作用
// 全局使用严格模式 'use strict'; girl = '迪丽热巴'; // 函数中使用严格模式 function main(){ 'use strict'; boy = '吴亦凡'; } main();
语法和行为改变
- 无法意外的创建全局变量
- 严格模式下试图读取不可读或者删除不可删除的属性，报错
- 禁止自定义的函数中的 this 指向 window
- 创建 eval 作用域
- 不允许使用with
- 不允许函数参数有相同的名称
- 不允许0的八进制语法
- 新增一些保留字, 如: implements interface private protected public
with语句
with语句 扩展一个语句的作用域链
不建议使用，它打破了作用域规则，易读性变差，严格模式还会报错
eval函数
eval是一个特殊的函数，它可以将传入的字符串当做JavaScript代码来运行
不建议使用，可读性差，而且执行字符串很可能会被篡改并且不会被JS引擎优化
Object 扩展方法
Object.create(prototype, [descriptors])
Object.create 方法可以以指定对象为原型创建新的对象，同时可以为新的对象设置属性, 并对属性进行描述
- value : 指定值
- writable : 标识当前属性值是否是可修改的, 默认为 false
- configurable：标识当前属性是否可以被删除 默认为 false
- enumerable：标识当前属性是否能用for in 枚举 默认为 false
- get: 当获取当前属性时的回调函数
- set: 当设置当前属性时
//创建一个汽车的对象
var car = {
name : '汽车',
run: function(){
console.log('我可以行驶！！');
}
};
//以 car 为原型对象创建新对象
var aodi = Object.create(car, {
brand: {
value: '奥迪',
writable: false, //是否可修改
configurable: false, //是否可以删除
enumerable: true //是否可以使用 for...in 遍历
},
color: {
value : '黑色',
wriable: false,
configurable: false,
enumerable: true
}
});
Object.defineProperties(object, descriptors)
直接在一个对象上定义新的属性或修改现有属性，并返回该对象。
- object 要操作的对象
- descriptors 属性描述
- get 作为该属性的 getter 函数，如果没有 getter 则为undefined。函数返回值将被用作属性的值。
- set 作为属性的 setter 函数，如果没有 setter 则为undefined。函数将仅接受参数赋值给该属性的新值。
// 定义对象
var star = {
firstName: '刘',
lastName : '德华'
};
// 为 star 定义额外的属性
Object.defineProperties(star, {
fullName: {
get: function(){
return this.firstName + this.lastName;
},
set: function(name){
var res = name.split('-');
this.firstName = res[0];
this.lastName = res[1];
}
}
});
// 修改 fullName 属性值
star.fullName = '张-学友';
// 打印属性
console.log(star.fullName);
