(2)Object.getPrototypeOf() 返回该对象的原型
Object.getPrototypeOf(object)
(3)Object.getOwnPropertyNames() 返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性)组成的数组
Object.getOwnPropertyNames(object)
(4)Object.keys() 返回一个由给定对象的自身可枚举属性组成的数组。而使用for-in 循环时,还会枚举其原型链上的属性。
Object.keys(object)
(5)Object.defineProperty() 在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象
Object.defineProperty(object, property, descriptor)
(6)Object.defineProperties() 在一个对象上添加或修改一个或者多个自有属性,并返回该对象
Object.defineProperties(object, properties)
(7)Object.getOwnPropertyDescriptor() 返回对象上一个自有属性对应的属性描述符(不需要从原型链上进行查找的属性)。如果指定的属性存在于对象上,则返回其属性描述符(property descriptor),否则返回 undefined
Object.getOwnPropertyDescriptor(object, property)
(8)Object.seal() 密封一个对象,并返回被密封后的对象。密封对象不能添加新的属性,不能删除已有属性,以及不能修改已有属性的enumerable、configurable、writable,但可以修改已有属性的value
Object.seal(object)
(9)Object.isSealed() 判断一个对象是否是密封的
Object.isSealed(object)
(10)Object.freeze() 冻结一个对象,比seal更严格,连value都不能修改
Object.freeze(object)
(11)Object.isFrozen() 判断一个对象是否冻结
Object.isFrozen(object)
(12)Object.preventExtensions() 让一个对象变成不可扩展的,也就是永远不能再添加新的属性
Object.preventExtensions(object)
(13)Object.isExtrensible() 判断一个对象是否是可扩展的
Object.isExtrensible(object)
(14)prototype.isPrototypeOf(object) 确定一个对象是否存在于另一个对象的原型链中
function Rectangle() {
}
var rec = new Rectangle();
document.write(Rectangle.prototype.isPrototypeOf(rec));
(15)object.propertyIsEnumerable(propertyName) 确定指定的属性是否可枚举
var a = {};
a.b = 3;
console.log(a.propertyIsEnumerable(‘b’));
// 输出是true
2.2.3 Array新增方法
(1)Array.isArray() 用于确定传递的值是否是一个 Array
Array.isArray([1, 2, 3]);
// true
(2)Array.prototype.every(callback[, thisArg]) 测试数组的所有元素是否都通过了指定函数的测试。
callback:用来测试数组的每个元素的函数。调用时使用参数 (element, index, array)。返回true表示保留该元素(通过测试),false则不保留
thisArg:可选。执行 callback 时的用于 this 的值。
function isBigEnough(element, index, array) {
return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true
(3)Array.prototype.filter(callback[, thisArg]) 创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。即是过滤函数。
var a = [1, 2, 3];
var b = a.filter(function(element) {
return element > 2;
});
console.log(b);
//输出 [3]
(4)Array.prototype.forEach(callback[, thisArg]) 对数组的每个元素执行一次提供的函数。
const arr = [‘a’, ‘b’, ‘c’];
arr.forEach(function(element) {
console.log(element);
});
(5)Array.prototype.indexOf(searchElement, fromIndex) 返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1
let a = [2, 9, 7, 8, 9];
a.indexOf(2); // 0
(6)Array.prototype.lastIndexOf() 返回指定元素(也即有效的 JavaScript 值或变量)在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找,从 fromIndex 处开始。
var array = [2, 5, 9, 2];
var index = array.lastIndexOf(2);
// index is 3
(7)Array.prototype.map() 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
// roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]
(8)Array.prototype.reduce() 从左到右为数组中的每一个元素依次执行callback函数,返回累计处理的结果。
var total = [0, 1, 2, 3].reduce(function(sum, value) {
return sum + value;
}, 0);
// total is 6
(9)Array.prototype.reduceRight() 与Array.prototype.reduce() 的执行方向相反。
(10)Array.prototype.some() 测试数组中的某些元素是否通过由提供的函数实现的测试。every()是全部元素满足条件,some()只要任意一个元素满足条件。
2.2.4 String新增方法
(1)String.prototype.trim() 会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR)。
var orig = ’ foo ';
console.log(orig.trim()); // ‘foo’
2.2.5 Date新增方法
(1)Date.now() 返回自1970年1月1日 00:00:00 UTC到当前时间的毫秒数。
2.2.6 JSON对象
(1)JSON.parse() 用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。
let a = ‘{“b”: 3}’;
let c = JSON.parse(a);
console.log©;
// {b: 3}
(2)JSON.stringify() 将一个JavaScript值(对象或者数组)转换为一个 JSON字符串。
let dd = {bb: 3};
let cc = JSON.stringify(dd);
console.log(cc);
// ‘{“bb”:3}’
上述就是ES5的主要新特性概括,下面我们再看看ES6有哪些新特性。
ES6各个特性的支持情况比较细,可根据具体特性查询caniuse
3.1 ES6新特性
参考文档:http://es6.ruanyifeng.com/#docs/intro(ECMAScript 6 入门)
下面简单说一些比较常见的ES6用法
(1)let 用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。实际上为 JavaScript 新增了块级作用域。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
[外链图片转存中…(img-yd02ELPK-1714853270081)]
[外链图片转存中…(img-FPqtQh1a-1714853270081)]
[外链图片转存中…(img-hD5DfMNG-1714853270082)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!