ES5和ES6那些你必须知道的事儿(二)

标签：ast   document   ISE   使用   合成   config   原型   des   检查   

ES5和ES6那些你必须知道的事儿

ES5新增的东西

二、对象方法

　　1、Object.getPrototypeOf(object)

　　　 返回对象的原型

function Pasta(grain, width) {
    this.grain = grain;
    this.width = width;
}

var spaghetti = new Pasta("wheat", 0.2);

var proto = Object.getPrototypeOf(spaghetti);

console.log(proto)

　　   输出：

　　2、Object.create

var newObj = Object.create(null, {
            size: {
                value: "large",
                enumerable: true
            },
            shape: {
                value: "round",
                enumerable: true
            }
        });

document.write(newObj.size + "<br/>");
document.write(newObj.shape + "<br/>");
document.write(Object.getPrototypeOf(newObj));

// Output:
// large
// round
// null

var obj = new Object();
Object.defineProperties(obj, {
    name: {
        value: ‘张三‘,
        configurable: false,
        writable: true,
        enumerable: true
    },
    age: {
        value: 18,
        configurable: true
    }
})

console.log(obj.name, obj.age) // 张三, 18

var obj = { 0: ‘a‘, 1: ‘b‘, 2: ‘c‘ };
console.log(Object.keys(obj)); // console: [‘0‘, ‘1‘, ‘2‘]

三、 strict模式(严格模式)

　　“use strict”

　　将"use strict"放在脚本文件的第一行，则整个脚本都将以"严格模式"运行。

　　严格模式影响范围

• • 　　变量：  var、delete、变量关键字
  • 　　对象： 只读属性、 对象字面量属性重复申明
  • 　　函数：参数重名、arguments对象、申明
  • 　　其他：this、eval、关键字...

　　设立"严格模式"的目的，主要有以下几个：错误检测、规范、效率、安全、面向未来

　　　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;

　　　　- 消除代码运行的一些不安全之处，保证代码运行的安全；

　　　　- 提高编译器效率，增加运行速度；

　　　　- 为未来新版本的Javascript做好铺垫。

　　将"use strict"放在函数体的第一行，则整个函数以"严格模式"运行。

function strict(){  
  "use strict";  
  return "这是严格模式。";  
}  
function notStrict() {  
  return "这是正常模式。";  
}  

　　具体体现：

　　　　a、变量都必须先用var命令显示声明，然后再使用

　　　　b、严格模式不能对变量调用 delete 操作符

　　　　c、不用保留字做 变量名 或 参数名

　　　　d、为只读属性赋值报错

　　　　e、严格模式下参数名不能重复

　　　　f、只能在脚本的顶级和在函数内部申明函数，if for等语句中申明函数会导致语法错误　　　　

　　　　g、严格模式下抑制this

四、Array.isArray() 

　　用于确定传递的值是否是一个 Array。

Array.isArray([1, 2, 3]);  
// true
Array.isArray({foo: 123}); 
// false
Array.isArray("foobar");   
// false
Array.isArray(undefined);  
// false

// 下面的函数调用都返回 true
Array.isArray([]);
Array.isArray([1]);
Array.isArray(new Array());
// 鲜为人知的事实：其实 Array.prototype 也是一个数组。
Array.isArray(Array.prototype); 

// 下面的函数调用都返回 false
Array.isArray();
Array.isArray({});
Array.isArray(null);
Array.isArray(undefined);
Array.isArray(17);
Array.isArray(‘Array‘);
Array.isArray(true);
Array.isArray(false);
Array.isArray({ __proto__: Array.prototype });

　　instanceof 和 isArray

当检测Array实例时, Array.isArray 优于 instanceof,因为Array.isArray能检测iframes.

ES5和ES6那些你必须知道的事儿(二)

标签：ast   document   ISE   使用   合成   config   原型   des   检查   

原文地址：https://www.cnblogs.com/yangyangxxb/p/10127546.html