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网页增加动态功能.(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型.变量使用之前不 ...
随机推荐
- ORA-600[kcratr_scan_lastbwr]逻辑坏块解决
数据库版本: 11.2.0.3 问题现象: 今天在启动一台测试数据库的时候,发现db不能open,报错如下: ERROR at line 1: ORA-00600: internal error co ...
- perl 递归地遍历目录下的文件
#!/usr/bin/perl -w use strict; use File::Spec; local $\ ="\n";#当前模块的每行输出加入换行符 my %options; ...
- http keepalive and tcpkeepalive
http keepalive 减少tcp 连接 (三次握手的消耗) tcp keepalive 检测死链接的 session 在tcp连接中, src_ip + src_port + dest_ip ...
- Android checkBox
checkBox 状态:选中(true),未选中(false) 属性: checked="true/false"; private Chec ...
- this的用法this.name=name 这个什么意思
public Employee(string name, string alias){ // Use this to qualify the fields, name and alias: this. ...
- listbox横向排列
在Listbox中横向显示CheckBox 前台代码 <ListBox Height=" > <StackPanel x:Name="sp" Orien ...
- Silverlight代码编写对控件的PlaneProjection.RotationY属性控制动画
Canvas c; void btnDraw_Click(object sender, RoutedEventArgs e) { Storyboard story = new Storyboard() ...
- 让vs2010的html编辑器验证html5语法
或者在Tools -> option -> Text Editor -> Html -> Validation
- 数据仓库(七):Oracle Warehouse Builder(OWB)创建数据仓库
本文简述使用OWB创建数据仓库的一般过程.Oracle的OWB是目前最好的三大ETL产品之一.OWB不但可以可以完成数据的抽取.转换和加 载,还能帮助用户在Oracle数据库中创建ROLAP(Rela ...
- 车间任务不允许"每个装配件"超过100000
应用 Oracle Work in Progress 层 Level Function 函数名 Funcgtion Name WIP_WIPMRMDF 表单名 Form Name WIPMRMDF ...