
JavaScript
javaScript学习总结笔记
hzjangel
屌丝男一枚
展开
-
平滑滚动
使界面平滑滚动到给定元素的指定坐标位置,可以使用scrollTo方法语法element.scrollTo(x-coord, y-coord)// ORelement.scrollTo(options)element指的是DOM节点元素,可以是windows,也可以通过document.getElementByxxx获取的节点传入两个参数参数x-coordy-coord含义沿x轴滚动的距离沿y轴滚动的距离传入options参数传入的options参原创 2020-06-15 23:30:17 · 865 阅读 · 0 评论 -
let和const学习笔记
参考文章:http://es6.ruanyifeng.com/#docs/letlet使用先定义后使用,如果不先定义在使用的话,会存在直接报错console.log(x);let x = 4;//Uncaught ReferenceError: Cannot access 'x' before initialization在使用let定义的作用域当中,这个变量是无法使用的,即使...原创 2019-09-10 23:43:22 · 139 阅读 · 0 评论 -
变量的赋值解构学习笔记
参考文章:http://es6.ruanyifeng.com/#docs/destructuring数组的赋值结构ES6 允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构完全解构左边的和右边的一一对应,右边可以是数组和Set结构let [a, b, c] = [1 ,2 ,3];//或者let [a, b, c] = new Set([1 ,2 ,3]);解...原创 2019-09-11 23:44:18 · 131 阅读 · 0 评论 -
class使用 —— ECMAScript 6入门读书笔记
class在es6中就是一个语法糖,只是与es5定义类时候的写法不一样,功能还是一样的class Person { constructor(name, age) { this.name = name; this.age = age; } sayAge() { console.log(this.age); }}...原创 2019-09-20 21:01:37 · 152 阅读 · 0 评论 -
set和map数据结构 —— ECMAScript 6入门读书笔记
Set简介Set是es6新增的数据结构,不能存储重复的值在Set中, NaN是相同的,将字符串作为构造函数的参数传入进去,会将字符串作为一个数组let set = new Set('hello world');console.log(set); //Set { 'h', 'e', 'l', 'o', ' ', 'w', 'r', 'd' }简单使用将数组去重,使用同样的方法也...原创 2019-09-20 23:19:19 · 164 阅读 · 0 评论 -
this使用
this有四种情况!当在函数调用的时候指向widow当方法调用的时候指向调用对象当用apply和call上下文调用的时候指向传入的第一个参数构造函数调用指向实例对象函数里的this可以分为两种来记忆:如果是使用new方式创建对象,this指向新建的那个对象;如果只是普通的调用,谁调用这个函数,函数里的this就指向谁~apply可以改变this的指向,接收...原创 2019-09-20 23:34:04 · 369 阅读 · 0 评论 -
class的继承 —— ECMAScript 6入门读书笔记
extends使用extends关键字实现继承class A { constructor(x, y) { this.x = x; this.y = y; }}class B extends A { constructor(x, y, z) { super(x, y); this.z = z; ...原创 2019-09-22 23:06:08 · 131 阅读 · 0 评论 -
模块化 —— ECMAScript 6入门读书笔记
书籍地址: ECMAScript 6 入门export命令用来向外暴露接口单个暴露在定义变量、函数、类的前面使用export//profile.jsexport let firstName = 'this is first name';export function fun() { console.log('执行了fun()...');}export class Pers...原创 2019-09-24 23:57:42 · 181 阅读 · 0 评论 -
promise对象 —— ECMAScript 6入门读书笔记
书籍地址: ECMAScript 6 入门promise含义对象状态不受外界影响,存在三个状态,pending(进行中)、fulfilled(已成功)、rejected(已失败)状态改变,就不会再变,只能从进行中 —> 已成功,进行中 —> 已失败const promise = new Promise((resolve, reject) => { re...原创 2019-09-25 21:13:13 · 185 阅读 · 0 评论