es5 api
ES5
Object.create(prototype, descriptors)
//创建对象
var o1 = {foo:'bar'};
var o2 = new Object();
//Object.create(proto,[descriptors]);
var o3 = Object.create(null); function Person(name) {
this.name = name;
}
var p1 = new Person('sindy');
var p2 = Object.create(Person.prototype, {
age: {
value: 18,
writable: false,
enumerable: false,
configurable: true,
//value , writable 和 getter setter函数不能同时设置
/*get: function () {
if (typeof age === 'undefined') {
return 'not set age value yet';
} else {
return 'your age:' + age;
}
},
set: function (a) {
age = a;
if (this.cTime == 0) {
console.log('set age OK');
this.cTime++;
} else {
console.log('change age OK');
}
}
},*/
cTime: {
value: 0,
writable: true
}
});
Object.defineProperty(object, propertyName, descriptor)
var p1 = new Person('alice');
Object.defineProperty(p1, 'name', {value:'alice2', writable:true, enumerable: false, configurable: false});
console.log(p1.name); //=> alice2
delete p1.name; //=> false configurable==flase,不能defineProperty重定义属性特性
Object.defineProperty(p1, 'name', {value:'kk', enumerable: true}); //=>error
Object.defineProperties(object, descriptors)
var p1 = new Person('alice');
Object.defineProperties(p1,{
skill:{
value: 'singing',
writable: true,
enumerable: true,
configurable: false
},
age: {
value: 18,
writable: true,
enumerable: true,
configurable: false
}
});
p1.age //18
p1.skill //singingObject.getOwnPropertyDescriptor(obj, propertyName)
获取自有属性的descriptorfunction Person (n){ this.name = n; }
Person.prototype = {
constructor: Person,
hi: function(name){ console.log('hi,'+name);}
};
var p1 = new Person('alice');
var nameDescriptor = Object.getOwnPropertyDescriptor(p1, 'name');//=>{value:'alice', enumerable: true, writable: true, configurable: true} var des = Object.getOwnPropertyDescriptor(p1, 'hi');//=>undefined
Object.getOwnPropertyNames(obj)
获取对象所有的自有属性名//接上
p1.age = 11;
var props = Object.getOwnPropertyNames(p1); //=> ['name', 'age']
Object.preventExtensions(obj)
禁止扩展对象,即不能添加属性到对象上。//接上
Object.preventExtensions(p1);
p1.home = 'HK';
console.log(p1.home); //=> undefined
Object.isExtensible(obj)
判断对象是否可扩展//接上
Object.isExtensible(p1);//=> false
Object.seal(obj) , Object.isSealed(obj)
若对象为isSeal状态则不能添加或删除属性, 但可以修改现有属性的值//接上
Object.seal(p1);
Object.isSealed(p1); //true
delete p1.name;//=>false
p1.like = 'shopping';
console.log(p1.like); //=> undefined
Object.freeze(obj) , Object.isFrozen(obj)
冻结对象(不能添加或删除属性,不能修改现有属性) freeze -> seal -> configurable:false 限制的严格程度递减Object.freeze(p1);
Object.isFrozen(p1); //=> true
p1.name = 'alice2';
console.log(p1.name); //=> alice
p1.school = 'hkzw';
console.log(p1.school); //=> undefined
Object.getPrototypeOf(obj);
获取对象的原型对象var proto = Object.getPrototypeOf(p1);//=>{constructor: Person, hi: function(){..}}
Array.isArray(arg)
[].indexOf(val,[pos])
[].lastIndexOf(val, [pos])
[].every(fn(v, i, arr),[context])
[].some(fn(v,i, arr), [context])
[].forEach(fn(v, i, arr), [context])
[].filter(fn(v, i, arr), [context])
[].map(fn(v, i, arr), [context]);
[].reduce(fn(prev, curr, i, arr), [primitive]);
[].reduceRight(fn(prev, curr, i, arr), [primitive]);
new Date().toJSON()
序列化日期对象 输出:"2016-03-14T07:36:09.602Z"String.prototype.trim
删除字符串两端空格(" touch ").trim(); => touch
es5 api的更多相关文章
- js基础知识温习:构造函数与原型
构造函数 构造函数主要用于初始化新对象.按照惯例,构造函数名第一个字母都要大写. 构造函数有别于其它函数在于它使用new操作符来调用生成一个实例对象.换句话说,如果一个函数使用new操作符来调用,则将 ...
- [Effective JavaScript 笔记]第31条:使用Object.getPrototypeOf函数而不要使用__proto__属性
ES5引入Object.getPrototypeOf函数作为获取对象原型的标准API,但由于之前的很多js引擎使用了一个特殊的__proto__属性来达到相同的目的.但有些浏览器并不支持这个__pro ...
- ES5对Array增强的9个API
为了更方便的对Array进行操作,ES5规范在Array的原型上新增了9个方法,分别是forEach.filter.map.reduce.reduceRight.some.every.indexOf ...
- 关于ES3、ES5、ES6以及ES7所有数组的方法(api)的总结
起因:工作用经常用到操作数组的方法,这里进行一下总结,我尽量以简洁的语言概括每个方法(api)的作用.如果您想快速定位,可以Control+F 然后搜相应的方法即可定位 :) ES3的数组方法 joi ...
- ES5新增数组方法测试和字符串常见API测试
首先是ES5新增数组方法测试: <!DOCTYPE html><html lang="en"><head> <meta charset=& ...
- 学习笔记-es5新增的一些数组的API(不全)-字符串-字符串API(不全)
### es5新增的数组的api + indexOf() 搜索数组中的元素,并返回它所在的位置. arr.indexOf(str,index) 参数: str为要查找的字符串 index为开始查找的下 ...
- ES5新特性:理解 Array 中增强的 9 个 API
为了更方便的对JS中Array进行操作,ES5规范在Array的原型上新增了9个方法,分别是forEach.filter.map.reduce.reduceRight.some.every.index ...
- ES5.X相关API和技巧汇总
https://blog.csdn.net/laoyang360/article/details/77412668
- 【转】浅谈JavaScript、ES5、ES6
什么是JavaScript JavaScript一种动态类型.弱类型.基于原型的客户端脚本语言,用来给HTML网页增加动态功能.(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型.变量使用之前不 ...
随机推荐
- Linux下终端利器tmux(转)
“君子生非异也,善假于物也” .–语出<荀子·劝学> 如果记得没错的话,<荀子·劝学>我们这一代高中的时候应该都读过这篇文章.原意大概是君子的资质与一般人没有什么区别,君子之所 ...
- C++学习笔录2
1.如果一个类要成为基类,那么它的成员变量声明成受保护的变量,既用关键字protected修饰. 2.处理共同继承产生的二义性:采用虚继承方式,当出现两个相同的成员时,编译器会自动删除其中一个.其方法 ...
- VARIANT类型
VARIANT的结构可以参考头文件VC98\Include\OAIDL.H中关于结构体tagVARIANT的定义.struct tagVARIANT { union { ...
- Programming C#.Classes and Objects.只读字段
只读字段 当字段声明中含有 readonly 修饰符时,该声明所引入的字段为只读字段.给只读字段的直接赋值只能作为声明的组成部分出现,或在同一类中的实例构造函数或静态构造函数中出现.(在这些上下文中, ...
- PHP搭建简单暴力的mvc
对于一个web系统来说,我们使用mvc很必要, 给我们带来的是清晰的结构,易运维,易扩展, mvc 我对其的理解应该叫mxvc, 多了一个x , 这个x代表什么,x可以理解为 relay,proxy, ...
- Python框架
Django.Pylons & TurboGears & repoze.bfg.Tornado & web.py.Bottle & Flask.Quixote(豆瓣用 ...
- HTML5 canvas易错点
一.画布的默认宽高 <canvas id="myCanvas" style="border:1px solid black;"> 你的浏览器不支持h ...
- ajax调用后台Java
//html部分 <input type='text' placeholder='用户名' id="username" name="username" c ...
- 读取本地HTML的小说阅读器应用源码项目
该源码是一个不错的读取本地HTML的小说阅读器,读取本地HTML的小说阅读器,并且源码也比较简单的,非常适合我们的新手朋友拿来学习,有兴趣的朋友研究下. 源码下载: http://code.662p. ...
- codeforces 8D Two Friends 二分+ 判断三个圆是否有公共交点
题目链接 有两个人x, y, 现在在A点, x要直接去B点, y要先去C点在去B点, 现在给出x, y两人可以行走的最大距离T1, T2, 求出他们从A点出发之后, 可以走的最长的公共路径. 我们先看 ...