Javascript项目笔记

针对项目中常用的javascript api等,进行一个汇总~

文档持续更新中。。。

前提:有些功能可能浏览器还不支持,需要用babel进行转换,具体的babel环境搭建,请自行Baidu或google。
很多框架的脚手架生成的helloworld项目是已经搭好的环境,比如react或者vue,所以使用脚手架的童鞋大可放心使用。
若有问题可加群264591039与我讨论。

扩展运算符:三个点 …

合并数组

1
2
3
4
let arr1 = [1, 2], arr2 = [3, 4];
arr1.push(...arr2); // 把arr2合并到arr1的尾部, arr1改变
arr1.unshift(...arr2); // 把arr2合并到arr1的顶部, arr1改变
[...arr1, ...arr2]; // 生成一个由arr1和arr2组成的新数组,原数组不变

截图

复制对象

1
2
3
4
5
6
7
let obj = {a: 1};
{...obj, b: 2}; // 返回一个新的对象,{a: 1, b: 2}, obj对象不变
// 等价于下面的用法
Object.assign({}, obj, {b: 2}); // 返回一个新的对象,{a: 1, b: 2}, obj对象不变
// 另外Object.assign 还有一个用法
Object.assign(obj, {b: 2}); // 返回obj对象并且新增加了b属性:{a: 1, b: 2} obj对象改变
// 由于使用的chrome浏览器还不支持第一种用法,只能演示Object.assign。项目中使用babel转换

截图

Powered by Hexo and Hexo-theme-hiker

Copyright © 2013 - 2018 前端博客 All Rights Reserved.

chenghao 保留所有权利