JSON对象方法

1.将JSON字符串转换成js对象(IE7及以下不支持)(IE7及以下兼容需其他手段)

JSON.parse()

2.将js对象转成JSON字符串

JSON.stringify()

3.js对象深度克隆

JSON.parse(JSON.stringify(arrTwo))

Object对象方法

1.Object.create(prototype,[descriptors])

  作用:以指定对象为原型创建新的对象

  为新的对象指定新的属性,并对属性进行描述

    -value:指定值

    -writable:标识当前属性是否科修改,默认false

    -configurabale:标识当前属性是否可以被删除,默认false

    -enumerable:标识当前属性是否能用for in枚举,默认false

var obj={
usename:"kobe",
age:18
} var obj1=Object.create(obj,{
sex:{
value:"男",//值
writable:true,//是否可修改
configurable:true,//是否可删除
enumerable:true,//是否可枚举
}
}) obj1.sex="女"
delete obj1.sex
for (var i in obj1){
console.log(i)//属性值
}

2.Object.defineProperties(object,descriptors)

  作用:为指定对象定义扩展多个属性

    get:用来获取当前属性值的回调函数

    set:修改当前属性值的触发的回调函数,并且实参即为修改后的值

  存取器属性:setter,getter一个用来存值,一个用来取值

var obj={
usename:"kobe",
age:18
} Object.defineProperties(obj,{
fullIfo:{
get:function () {
return this.usename+this.age
},
set:function (data){//监听扩展属性,当扩展属性发生变化的时候会自动调用
console.log(data)
}
}
}) console.log(obj)

3.对象本身方法

  get propertyName(){}用来得到当前属性值的回调函数

  set propertyName(){}用来监视当前属性值的回调函数

var obj={
get fullName(){
}
}

数组的扩展

1.Array.prototype.indexOf(value):得到值在数组中的第一个下标

2.Array.prototype.lastIndexOf(value):得到值在数组中的最后一个下标

3.Array.prototype.forEach(function(item,index){}):遍历数组

4.Array.prototype.map(function(item,index){}):遍历数组返回的新的数组,返回加工之后的值

5.Array.prototype.filter(function(item,index){}):遍历过滤出的一个新的子数组,返回条件为true的值

CALL,APPLY,BIND用法详解

1.Function.prototype.bind(obj)

  作用:将函数内的this绑定为obj,并将函数返回

2.bind()/call()/apply()区别

传入参数的形式不同
foo.call(obj,a,b)//直接从第二个参数开始一次传入
foo.apply(obj,[a,b])//最多二个参数且第二个参数以数组的形式传递
call()和apply()会立即调用当前函数 foo.bind(this),绑定完后不会立即调用,而是将函数返回
传参方式和call()一样
        bind(this)中this指向的是父级执行上下文中的this

ES6学习一--ES5的更多相关文章

  1. ES6学习之ES5之后新增的字符串方法

    1.字符串模板:用法:`${变量名}` (好像是C#6.0中也引入了类似的方法.C#中的用法:$"我是{变量名}" ---> $"我叫{name}" ,相 ...

  2. ES6学习(1)——如何通过babel将ES6转化成ES5

    使用babel编译ES6 babel是一个工具,可以通过多个平台,让js文件从ES6转化成ES5,从而支持一些浏览器并未支持的语法. Insall babel $ sudo npm install b ...

  3. ES6学习--搭建环境

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了.它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发 ...

  4. es6学习笔记-class之继承

    继承 上一篇学习了class的概念,在es5时,对象的继承有好几种,原型链继承,借用构造函数继承,组合继承,原型式继承,寄生式继承以及寄生组合式继承,都是按照函数的形式去集成的,现在class也有它的 ...

  5. es6学习笔记-class之一概念

    前段时间复习了面向对象这一部分,其中提到在es6之前,Javasript是没有类的概念的,只从es6之后出现了类的概念和继承.于是乎,花时间学习一下class. 简介 JavaScript 语言中,生 ...

  6. javascript的ES6学习总结(第二部分)

    1.数组循环 介绍数组循环之前,先回顾一下ES5数组的循环 (1)数组遍历(代替普通的for):arr.forEach(callback(val,index,arr){todo}) //val是数组的 ...

  7. es6开发环境搭建,babel 将es6转化成es5

    工欲善其事,必先利其器.所以我们第1节就是搭建一个基本的ES6开发环境.现在的Chrome浏览器已经支持ES6了,但是有些低版本的浏览器还是不支持ES6的语法,这就需要我们把ES6的语法自动的转变成E ...

  8. ES6学习之变量的解构赋值

    前言:什么是ES6?ECMAScript 6(简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了.其中相比较于ES5新增了诸多的特性,并且ES6可转换为ES5的语法.- ...

  9. ES6学习笔记<一> let const class extends super

    学习参考地址1  学习参考地址2 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015:也 ...

随机推荐

  1. 用原生JS写省市二级联动

    HTML代码 <select id="s1"> <option value="0">~请选择省份~</option> < ...

  2. iOS资料大全

    1.创建自己的Xcode 模板类工程 https://mp.weixin.qq.com/s?__biz=MzAxMzE2Mjc2Ng==&mid=2652155923&idx=1&am ...

  3. oracle服务端字符集

    一.oracle服务端字符集 SQL> select userenv('language') from dual ; USERENV('LANGUAGE')------------------- ...

  4. ab测试工具的使用

    下载地址:http://httpd.apache.org/download.cgi#apache24 编译安装后在安装目录bin下可以找到ab执行程序 基本用法: ab -n 5000 -c 1000 ...

  5. Excel 曝Power Query安全漏洞

    近日,Mimecast 威胁中心的安全研究人员,发现了微软 Excel 电子表格应用程序的一个新漏洞,获致 1.2 亿用户易受网络攻击.其指出,该安全漏洞意味着攻击者可以利用 Excel 的 Powe ...

  6. 常用数据存储格式之json

    常用数据存储格式介绍 JSON: JavaScript Object Notation(JavaScript 对象表示法) JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML ...

  7. Redis常见的七种使用场景

    简单字符串缓存实战简单队列实战简单发布订阅实战简单计数器实战排行榜实战简单字符串悲观锁实战简单事务的乐观锁实战   简单字符串缓存实战 $redis->connect('127.0.0.1', ...

  8. 自学Python5.6-面向对象三大基本特征_多态

    自学Python之路-Python基础+模块+面向对象自学Python之路-Python网络编程自学Python之路-Python并发编程+数据库+前端自学Python之路-django 自学Pyth ...

  9. Ansible批量远程管理Windows主机(部署与配置)

    一.测试环境介绍 Ansible管理主机: 系统:   CentOS6.8 IP Addr: 172.16.10.22 Linux管理服务器需安装pip.pywinrm插件 Windows客户端主机: ...

  10. HDU 5875 Function 2016 ACM/ICPC Asia Regional Dalian Online

    N个数(N<=100000),M个询问,每次询问L,R,求F(L,R). F(L,R)=F(L,R-1)%A[R] , L<R 这道题数据比较鶸 可以直接用递减爆 正确做法应该是倍增 用倍 ...