annschan-优快云博客

原创 webpack学习笔记整理

一.文件夹1. 根目录下创建文件夹src 源代码都放在此2. src文件夹下新建文件夹assets 可放图片字体文件等3. 根目录下新建webpack.config.js4. 根目录下放页面小图标 favicon.ico5. src文件夹下创建index.html 、index.js、style.css 、style.less等源文件6. dist文件夹自动生成。放输出文件二、安装1. npm install webpack@4.32.2 webpack-cli@3.

2022-01-25 20:26:27 1066

原创 ES6 异步编程Promise then catch finally的使用

在javascript中有两种实现异步的方式，首先第一种是传统的回调函数，另外一种是通过promise.一.回调函数实现异步.setTimeout(() => { console.log('settimout');//后打印}, 0);console.log('settimout之后');//先打印回调函数虽然简单，但是有一个明显的缺点，如果需要依次执行多个异步操作，为了保证顺序就需要回调函数中嵌套。这种回调嵌套不断的嵌套就会形成回调地狱.二.promise对象...

2022-01-20 20:38:31 1686 1

原创 ES6 面向对象之构造函数

1.概念在js中，使用new来新建一个对象时，实际上是调用了一次constructor函数来完成对象初始化操作，而完成对象初始化操作的函数，称为构造函数。注意：构造函数自己默认返回实例对象.如果将方法定义在类中，实际是放在构造函数原型对象之上。2. 作用接收传递的参数返回实例对象 class Person { constructor(name, age, job, specialty) { this.na..

2022-01-19 22:09:53 480

原创 ES6 class创建类

在ES6中新增了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化1.1 定义类： class 类名{ }说明：类是以class关键字声明的，后面跟着类名和花括号中的类体。1.2 实例化对象： const 对象名=new 类名( );1.3 给对象中的属性赋值：对象名.属性名=值；1.4 调用对象中的方法：对象名.方法名();class Person{ name; age; ...

2022-01-19 21:59:20 1009

原创 JavaScript 浅拷贝、深拷贝

一、浅拷贝：指的是拷贝的是内存地址的拷贝：其中一个数据发生变化，另外一个数据也会发生变化。浅拷贝方式一：使用赋值运算符<script>const arr = [12, 11, 13];const ary = arr;//赋值浅拷贝ary[2] = 15;console.log('arr', arr);//[12, 11, 15]console.log('ary', ary);//[12, 11, 15]</script> 浅拷贝方式二：...

2022-01-19 21:38:20 235

原创 js 改变this指向(二)、五种方式的具体实现

var name = "This Window"; var obj = { name: 'This Object', getFunction: function () { return function () { return this.name; } } }console.log(obj.getFunction()()..

2022-01-19 20:53:41 340

原创 js 改变this指向(一)、 call（）apply（） bind( )

一、call( )函数call（）函数有两个作用：1.函数调用2.改变this指向 1）在使用call方法来进行this指向改变的同时，立即执行该函数 2）当需要传递参数的时候，call方法将参数依次传递进去（参数以列表的形式）const student = { name: 'student' } const person = { name: 'person', ...

2022-01-19 20:33:18 469

原创 JavaScript中关于this的指向

一、全局中的this，浏览器环境下，this指向window。console.log(this);//window二、普通函数中的this1.严格模式下，普通函数中的this，是undefined。 'use strict' function foo(){ function bar(){ console.log(this);//undefined } bar(); }

2022-01-19 19:58:07 490

m0_62407740的博客