JS中ES5内容

最新推荐文章于 2024-05-28 15:03:55 发布

原创最新推荐文章于 2024-05-28 15:03:55 发布 · 1.3k 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了ES5中严格的模式规则，包括变量声明、this指向和函数定义，以及数组的六个常用高阶函数：isArray、forEach、map、filter、reduce和reduceRight，还讲解了Date.now和Object.bind。

1.严格模式（普通编码的话叫做怪异模式）

'use strict'

1.1 必须要使用var声明

1.2 this不能指向全局变量

1.3 不能在不是方法块的里面定义函数

1.4 禁止8进制方法

1.5 arguements的形参不一致（不同步）

2.数组的高阶函数（以函数做为参数的函数叫做高阶函数）

2.1 静态方法isArray

Array.isArray() //参数为任意类型  检查是否为数组类型 不是返回false 是返回true

2.2 forEach （遍历的）没有返回值

[1,2,3].forEach(function(v,i,arr){ //第一个是值(只读) 第二个是下标 第三个遍历的数组对象 arr=[1,2,3]
    console.log(v) //1,2,3
})

2.3 map （遍历的）有返回值（数组数组的长度和你遍历的数组的长度一致）

var newArr = [1,2,3].map(function(v,i,arr){
    return v+1
})
console.log(newArr) //[2,3,4]

2.4 filter 过滤方法（将满足条件的过滤出来）返回值为数组

var filterArr = [1,2,3].filter(function(v,i,arr){
    if(v>2){
        return v
    }
})
console.log(filerArr) //[3]

2.5 reduce 计算方法（从左到右）

var str = ['a','b','c'].reduce(function(pre,current,i,arr){
    return pre+current
})
console.log(str) //abc

2.6 reduceRight 计算方法 (从右到左)

var str = ['a','b','c'].reduceRight(function(pre,current,i,arr){
    return pre+current
})
console.log(str) //cba

2.7 every 每个都要符合条件才返回true 否则返回false

var isTrue = [1,2,3].every(function(v,i,arr){
    return v<3
})
console.log(isTrue) //false

2.8 some 有一些符合条件就返回true 全部都不符合条件返回false

var isTrue = [1,2,3].some(function(v,i,arr){
    return v<3
})
console.log(isTrue) //true

3.Date的静态方法 now获取时间戳

Date.now() //获取离1970/01/01 00:00:00 的毫秒值

4.object.bind 绑定方法针对this的指向

var fn = function(){
    console.log(this)
}
var user = {}
fn.bind(user)//将fn这个函数对象里的this绑定给user这个对象
fn() //window
fn.bind(user)() //{}