随笔分类 - es6
es6相关
摘要:- class Car{ // 类中考科一直接写赋值语句,如下代码的含义是:给Car的实例对象添加一个属性,名为a,值为1 a = 1; b } console.log(Car); let c = new Car() console.log(c, 'c '); // Car {a: 1, b: un
阅读全文
摘要:- 今天看到react类组件内部的方法中this为undefined,原因是class类内部的方法,自动开启了局部严格模式,不是babel的问题 特此实验一下: // 类内部的方法,自动开启了局部严格模式 class Person { constructor(name, age) { this.na
阅读全文
摘要:- 参考博客:https://www.cnblogs.com/jixiaohua/p/10714662.html ArrayBuffer对象、TypedArray视图和DataView视图是 JavaScript 操作二进制数据的一个接口。它们都是以数组的语法处理二进制数据,所以统称为二进制数组。
阅读全文
摘要:。 定义:键/值对集合 语法: let mapObj = new Map(); 备注: 集合中的键和值可以是任何类型。如果使用现有秘钥向集合中添加值,会替换原有值。 属性: 构造函数:指定创建映射的函数 Prototype:原型 size:返回映射中的元素个数 let mapObj = new Ma
阅读全文
摘要:今天想使用一下import from语法测试个东西,结果 在node环境中运行时,报错,说不支持import语法,之前都是在vue-cli的环境中直接使用的,还以为不需要什么环境呢。。。 import from是es6语法,需要用babel将es6语法转换成es5语法,才能在node环境中正常执行,
阅读全文
摘要:方法一、apply结合concat拉平数组 let arr=[[1,2,3],[4,5],[6]]; console.log([].concat.apply([],arr)); //输出 [1, 2, 3, 4, 5, 6] 上面的方法是使用apply结合concat,缺点是只能将二维转一维,多维数
阅读全文
摘要:静态的就是不会被实例继承的,是属于类自身的,实例继承不了,也调用不了,跟作用域一样。 静态属性、静态方法:就是类自身的属性和方法,只能在类自身调用,实例对象是无法调用到静态属性和方法的,只能类自身调用,当然子类也可以调用父类的静态属性和方法; 实例属性、实例方法:就是实例可以调用的属性和方法,记住实
阅读全文
摘要:关于类有两个概念,1,类自身,;2,类的实例对象 总的来说:静态的是指向类自身,而不是指向实例对象,主要是归属不同,这是静态属性的核心。 难点1:静态方法的理解 class Foo { static classMethod() { return 'hello'; } } 静态方法使用:在方法前加上s
阅读全文
摘要:概述 在 ES6 前, 实现模块化使用的是 RequireJS 或者 seaJS(分别是基于 AMD 规范的模块化库, 和基于 CMD 规范的模块化库)。 ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量。 ES6 的模块化分为导出(export) @与导入(i
阅读全文
摘要:在ES6中,class (类)作为对象的模板被引入,可以通过 class 关键字定义类。 class 的本质是 function。 它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法。 基础用法 类定义 类表达式可以为匿名或命名。 // 匿名类 let Example = cla
阅读全文
摘要:Iterator Iterator 是 ES6 引入的一种新的遍历机制,迭代器有两个核心概念: 迭代器是一个统一的接口,它的作用是使各种数据结构可被便捷的访问,它是通过一个键为Symbol.iterator 的方法来实现。 迭代器是用于遍历数据结构元素的指针(如数据库中的游标)。 迭代过程 迭代的过
阅读全文
摘要:函数参数的扩展 默认参数 基本用法 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 fn("Amy",""); // Amy, fn("Amy"); // Amy,17 function f
阅读全文
摘要:数组创建 Array.of() 将参数中所有值作为元素形成数组。 console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] // 参数值可为不同类型 console.log(Array.of(1, '2', true)); // [1, '2', true
阅读全文
摘要:对象字面量 属性的简洁表示法 ES6允许对象的属性直接写变量,这时候属性名是变量名,属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; console.log(person); //{age: 12, na
阅读全文
摘要:数值的表示 二进制表示法新写法: 前缀 0b 或 0B 。 八进制表示法新写法: 前缀 0o 或 0O 。 常量 Number.EPSILON 属性表示 1 与大于 1 的最小浮点数之间的差。 它的值接近于 2.2204460492503130808472633361816E-16,或者 2-52。
阅读全文
摘要:拓展的方法 子串的识别 ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。 includes():返回布尔值,判断是否找到参数字符串。 startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。 endsWith():返回布尔值,判断参数字符
阅读全文
摘要:概述 Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。 Proxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作。 Reflect 可以用于获取目标
阅读全文
摘要:Map 对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 Maps 和 Objects 的区别 一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。 Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。 Ma
阅读全文
摘要:概述 ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。 ES6 数据类型除了 Number 、 String 、 Boolean 、 Objec t、 null 和 undefined ,还新增了 Symbol 。 基本用法 Symbol
阅读全文
摘要:本文实例讲述了ES6新特性三: Generator(生成器)函数。分享给大家供大家参考,具体如下: 1. 简介 ① 理解:可以把它理解成一个函数的内部状态的遍历器,每调用一次,函数的内部状态发生一次改变。 ② 写法: function* f() {} function* f() {} ③ 作用:就是
阅读全文