JavaScript
javaScript学习总结笔记
hzjangel
屌丝男一枚
展开
-
平滑滚动
使界面平滑滚动到给定元素的指定坐标位置,可以使用scrollTo方法 语法 element.scrollTo(x-coord, y-coord) // OR element.scrollTo(options) element指的是DOM节点元素,可以是windows,也可以通过document.getElementByxxx获取的节点 传入两个参数 参数 x-coord y-coord 含义 沿x轴滚动的距离 沿y轴滚动的距离 传入options参数 传入的options参原创 2020-06-15 23:30:17 · 820 阅读 · 0 评论 -
let和const学习笔记
参考文章:http://es6.ruanyifeng.com/#docs/let let使用 先定义后使用,如果不先定义在使用的话,会存在直接报错 console.log(x); let x = 4; //Uncaught ReferenceError: Cannot access 'x' before initialization 在使用let定义的作用域当中,这个变量是无法使用的,即使...原创 2019-09-10 23:43:22 · 125 阅读 · 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 · 103 阅读 · 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 · 142 阅读 · 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 · 141 阅读 · 0 评论 -
this使用
this有四种情况! 当在函数调用的时候指向widow 当方法调用的时候指向调用对象 当用apply和call上下文调用的时候指向传入的第一个参数 构造函数调用指向实例对象 函数里的this可以分为两种来记忆: 如果是使用new方式创建对象,this指向新建的那个对象; 如果只是普通的调用,谁调用这个函数,函数里的this就指向谁~ apply 可以改变this的指向,接收...原创 2019-09-20 23:34:04 · 354 阅读 · 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 · 118 阅读 · 0 评论 -
模块化 —— ECMAScript 6入门读书笔记
书籍地址: ECMAScript 6 入门 export命令 用来向外暴露接口 单个暴露 在定义变量、函数、类的前面使用export //profile.js export let firstName = 'this is first name'; export function fun() { console.log('执行了fun()...'); } export class Pers...原创 2019-09-24 23:57:42 · 166 阅读 · 0 评论 -
promise对象 —— ECMAScript 6入门读书笔记
书籍地址: ECMAScript 6 入门 promise含义 对象状态不受外界影响,存在三个状态,pending(进行中)、fulfilled(已成功)、rejected(已失败) 状态改变,就不会再变,只能从进行中 —> 已成功,进行中 —> 已失败 const promise = new Promise((resolve, reject) => { re...原创 2019-09-25 21:13:13 · 167 阅读 · 0 评论