annschan-CSDN博客

原创 webpack学习笔记整理

一.文件夹 1. 根目录下创建文件夹src 源代码都放在此 2. src文件夹下新建文件夹assets 可放图片字体文件等 3. 根目录下新建webpack.config.js 4. 根目录下放页面小图标 favicon.ico 5. 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 1013

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

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

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

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

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

2022-01-19 22:09:53 397

原创 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 955

原创 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 195

原创 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 292

原创 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 437

原创 JavaScript中关于this的指向

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

2022-01-19 19:58:07 428

m0_62407740的博客