ES5总结

Airmusic 发布于2019-08-20 18:15 / 859人阅读

摘要：对象只能在一行，不能多行模板字符串可以多行将字符串转换成对象反序列化将对象转换成字符串序列化会删除一个字符串两端的空白字符。并不影响原字符串本身，它返回的是一个新的字符串。

JAON对象 只能在一行，不能多行 模板字符串可以多行

let ass="[{"name":"ss","age":"3"},{"name":"aa","age":"1"},{"name":"qq","age":"4"},{"name":"zz","age":"3"},{"name":"xx","age":"5"},{"name":"cc","age":"7"}]"

JSON.parse

将JSON字符串转换成JSON对象(JSON反序列化)
let aa=JSON.parse(ass);
console.log(aa[2].age);//4

JSON.stringify

将JSON对象转换成JSON字符串(JSON序列化)
let arr=[
    {"name":"ss","age":"3"},
    {"name":"aa","age":"1"},
    {"name":"qq","age":"4"},
    {"name":"zz","age":"3"},
    {"name":"xx","age":"5"},
    {"name":"cc","age":"7"}
]
let bb=JSON.stringify(arr);
console.log(bb);//[{"name":"ss","age":"3"},{"name":"aa","age":"1"},{"name":"qq","age":"4"},{"name":"zz","age":"3"},{"name":"xx","age":"5"},{"name":"cc","age":"7"}]

String trim()

会删除一个字符串两端的空白字符。并不影响原字符串本身，它返回的是一个新的字符串。
let str22="     fff    ";
console.log("+"+str22+"+");//+     fff    +
console.log("+"+str22.trim()+"+")//+fff+

Date now()

//1970.7.1到现在，1秒=1000毫秒这个概率算
console.log(Date.now());//1500799156134
//toJSON()格林时间(德国) 与我们的时间正好相反
console.log(new Date().toJSON())//2017-07-23T08:42:13.050Z
console.log(new Date().toJSON().slice(0,10))//2017-07-23

Numbe toFixed(1)

小数后取位数，数字代表取到第几位，四舍五入返回小数
let a=new Number(1.234);
console.log(a.toFixed(1));//1.2
let v=new Number(4.645372);
console.log(v.toFixed(2));//4.56
console.log(Math.round(13.89));//14 四舍五入返回整数

toPrecision

以指定的精度返回该数值对象的字符串表示。 precision 是 1 ~ 21 之间
let d=100000000000000000000;
console.log(d.toPrecision(7));1.000000e+20
console.log(d.toPrecision(3));1.00e+20

Array对象 迭代方法 forEach 遍历，循环

let arr=[1,2,3,4,5];
arr.forEach(function(value, index){
    console.log(value);//1,2,3,4,5
    console.log(index);//0,1,2,3,4
});

map 映射

let arr1=arr.map(function(value){
    //return value+"abc";
    return value*2+1;
});
console.log(arr1);// ["1abc", "2abc", "3abc", "4abc", "5abc"]
console.log(arr1);//[3, 5, 7, 9, 11]

filter “过滤”、“筛选”

let arr2=arr.filter(function(value){
    return value>2;
});
console.log(arr2);//[3, 4, 5]

some 指是否“某些项”合乎条件,只要有符合的返回true

let arr3=arr.some(function(value){
    return value>2;
});
console.log(arr3);//true

every "每一个"，必须是每一项都符合

let arr4=arr.every(function(value){
    return value>3;
});
console.log(arr4);//false

索引方法 indexOf

返回整数索引值，如果没有匹配（严格匹配），返回-1. 匹配到返回 1。

var aa = [2, 5, 7, 3, 5];

console.log(aa.indexOf(5, "x")); // 1 ("x"被忽略)
console.log(aa.indexOf(5, "3")); // 4 (从3号位开始搜索)
console.log(aa.indexOf(4)); // -1 (未找到)
console.log(aa.indexOf("5")); // -1 (未找到，因为5 !== "5")

lastIndexOf 从字符串的末尾开始查找，

console.log(aa.lastIndexOf(5)); // 4
//console.log(aa.lastIndexOf(5, 3)); // 1 (从后往前，索引值小于3的开始搜索)

//console.log(aa.lastIndexOf(4)); // -1 (未找到)

缩小方法 reduce 迭代

let ar3=[1,2,3,4,5];
let gh=ar3.reduce(function(last,now){
    return last*now;
},1)
console.log(gh);//120

reduceRight

相当于reduce，只是reduceRight从右边开始计算

let ar33=[1,2,3,4,5];
let gh22=ar33.reduceRight(function(last,now){
    return last*now;
},1)
console.log(gh22);//120

判断方法 Array.isArray(obj)

判断一个变量是否为数组,是返回true，不是返回false

let ss=22;
console.log(Array.isArray(ss));//false
console.log(Array.isArray(ar33));//true

ps：不兼容IE8.

Object Object.create用于创建一个对象 create(用来指定原型proto,)

let obj={
    x:1,
    y:2
}

let obj2=Object.create(obj,{z:{value:3}});
console.log(obj2);//Object {z: 3}
console.log(obj2.x);//1
//es6
let obj3={
    __proto__:obj,
    z:3
};
console.log(obj3);//Object {z: 3}

Object.defineProperty()用来给对象定义属性的只能指定一个

let objj={
    x:1,
    y:2
};
objj.k=4;
Object.defineProperty(objj,"j",{
    value:5,
    writable:false,//可写
    enumerable:false,//可便利
     configurable: true//可配置
});
objj.j=50;
objj.k=50;
console.log(objj);//Object {x: 1, y: 2, k: 50, j: 5}

Object.defineProperties() 给对象一次性指定多个属性

let objj={
    x:1,
    y:2
};
Object.defineProperties(objj,{
    "m":{
        value:"mm",
    },
    "u":{
        value:"ll",
    }
})
console.log(objj);//Object {x: 1, y: 2, m: "mm", u: "ll"}

getOwnPropertyDescriptor获取对象具体属性的描述

let sdf=Object.getOwnPropertyDescriptor(objj,"x");
console.log(sdf);//Object {value: 1, writable: true, enumerable: true, configurable: true}

Object.keys() 和getOwnPropertyNames方法类似，但是获取所有的可枚举的属性，返回一个数组

console.log(Object.keys(obj));// ["x", "y"]

Object.getOwnPropertyNames()获取所有的属性名，

console.log(Object.getOwnPropertyNames(obj));

Object.preventExtensions() 可以让一个对象不可扩展，该对象无法再添加新的属性，但是可以删除现有属性

/*let aa={
    x:1,
    y:2
};
Object.preventExtensions(aa);
aa.fn=function(){

}
console.log(aa);//Object {x: 1, y: 2}*/

Object.seal() 来对一个对象密封，该方法会阻止对象扩展，并将该对象的所有属性设置为不可配置

let aa={
    x:1,
    y:2
};
Object.seal(aa);
aa.fn=function(){

}
console.log(aa);//Object {x: 1, y: 4}

Object.freeze() 来对一个对象进行冻结，实现常量的需求，该方法会阻止对象扩展，并冻结对象，将其所有属性设置为只读和不可配置

let aa={
    x:1,
    y:2
};
Object.freeze(aa);
aa.y=4;
console.log(aa);//Object {x: 1, y: 2}

Object.isExtensible()可扩展true 不可扩展false

console.log(Object.isExtensible(aa));//false

Object.isSealed() 是否密封(不可配置)，没有密封false，密封true

console.log(Object.isSealed(aa));//true

Object.isFrozen()是否冻结没有冻结false，冻结true

console.log(Object.isFrozen(aa));//true

ps 以上方法均不兼容ie8

"use strict"

严格模式，重要其实就是es5中弃用了很多以前版本的语法，你再用就提示错误。

使用var声明变量严格模式中将不通过

何使用"eval"的操作都会被禁止

val作用域

ith被禁用

aller/callee 被禁用

禁止扩展的对象添加新属性会报错

除系统内置的属性会报错

delete使用var声明的变量或挂在window上的变量报错

delete不可删除属性(isSealed或isFrozen)的对象时报错

对一个对象的只读属性进行赋值将报错

对象有重名的属性将报错

函数有重名的参数将报错

八进制表示法被禁用

arguments严格定义为参数，不再与形参绑定

函数必须声明在顶层

ES5里新增的关键字不能当做变量标示符使用，如implements, interface, let, package, private, protected, pulic, static, yield

call/apply的第一个参数直接传入不包装为对象

call/apply的第一个参数为null/undefined时，this为null/undefined

bind的第一个参数为null/undefined时，this为null/undefined

GPU云服务器云服务器 ES5 ES5环境 es5 shim cdn es5和js什么区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84253.html

Vue+webpack+Element 兼容问题总结

摘要：项目中用到了和官方文档中给出明确范围不支持及以下版本，因为使用了无法模拟的特性。但它支持所有兼容的浏览器。词法分析阶段把字符串形式的代码转换为令牌流。语法分析阶段会把一个令牌流转换成的形式方便后续操作。利用我们配置好的把生成的转变为新的。项目中用到了Vue.js和Elenment-UIVue官方文档中给出明确范围：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法...

fxp 2019-08-26 12:10 评论0 收藏0
Vue+webpack+Element 兼容问题总结

摘要：项目中用到了和官方文档中给出明确范围不支持及以下版本，因为使用了无法模拟的特性。但它支持所有兼容的浏览器。词法分析阶段把字符串形式的代码转换为令牌流。语法分析阶段会把一个令牌流转换成的形式方便后续操作。利用我们配置好的把生成的转变为新的。项目中用到了Vue.js和Elenment-UIVue官方文档中给出明确范围：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法...

sumory 2019-08-02 11:14 评论0 收藏0
刷《一年半经验，百度、有赞、阿里面试总结》·手记

摘要：在掘金上看到了一位大佬发了一篇很详细的面试记录文章一年半经验，百度有赞阿里面试总结，为了查漏补缺，抽空就详细做了下。在掘金上看到了一位大佬发了一篇很详细的面试记录文章-《一年半经验，百度、有赞、阿里面试总结》，为了查漏补缺，抽空就详细做了下。（估计只有我这么无聊了哈哈哈）有给出的或者有些不完善的答案，也尽力给出/完善了（可能有错，大家自行辨别）。有些很困难的题目（例如实现Promi...

codeKK 2019-08-23 13:48 评论0 收藏0
刷《一年半经验，百度、有赞、阿里面试总结》·手记

摘要：在掘金上看到了一位大佬发了一篇很详细的面试记录文章一年半经验，百度有赞阿里面试总结，为了查漏补缺，抽空就详细做了下。在掘金上看到了一位大佬发了一篇很详细的面试记录文章-《一年半经验，百度、有赞、阿里面试总结》，为了查漏补缺，抽空就详细做了下。（估计只有我这么无聊了哈哈哈）有给出的或者有些不完善的答案，也尽力给出/完善了（可能有错，大家自行辨别）。有些很困难的题目（例如实现Promi...

NusterCache 2019-08-29 17:27 评论0 收藏0
ES5 call,apply,bind方法总结（包括理解this的指向问题）

总结call,apply,bind方法的理解使用和区别。 call,apply,bind这三个方法在JavaScript中是用来改变函数调用的this指向。那么改变函数this指向有什么用呢？我们先来看一段代码 var a= { name:harden, fn:function () { console.log(this.name); } } var b =...

nanchen2251 2019-08-23 18:15 评论0 收藏0