自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 ES6块级作用域

1: 全局作用域和局部作用域在ES6之前我们把作用域分为全局作用域和局部作用域;用var来声明变量;局部作用域能访问全局作用域,而全局作用域则访问不了局部的,从而也形成了一个作用域链;var a = 10;console.log(a);function fn() { var a = 20; console.log(a); fn2(); function fn2() {...

2019-10-22 11:15:15 179

原创 ajax请求

ajax请求,ajax请求一共分为四个步骤,第一步是先创建一个new XMLHttpRequest()对象;这个用于在后台与服务器交换数据。第二步用open()方法与服务器建立连接,open里面有三个参数,第一个是请求的方式,get或者post,第二个参数是请求的地址url,第三个参数是send()发送请求,如果是get请求需要传参的话直接在第二步的url后面用?&拼接需要传递的参数即可,...

2019-10-22 10:33:02 190

原创 构造函数,实例对象,原型对象他们三者之间的区别

原型(proto)和构造函数(prototype)原型对象里面都有一个属性constructor属性,constructor 我们称为构造函数,因为它指回构造函数本身。constructor 主要用于记录该对象引用于哪个构造函数,它可以让原型对象重新指向原来的构造函数。一般情况下,对象的方法都在构造函数的原型对象中设置。如果有多个对象的方法,我们可以给原型对象采取对象形式赋值,但是这样就会覆盖构造...

2019-10-22 10:29:32 697

原创 原型链

什么是原型链?Javascript 是面向对象的,每个实例对象都有一个__proto_属性,该属性指向它原 型对象,这个实例对象的构造函数有一个原型属性 prototype,与实例的__proto__属性指 向同一个对象。当一个对象在查找一个属性的时,自身没有就会根据__proto__ 向它的原型 进行查找,如果都没有,则向它的原型的原型继续查找,直到查到 Object.prototype._p...

2019-10-22 10:21:34 126

原创 ES6中的箭头函数

1: 箭头函数和普通函数的区别普通函数分为匿名函数和函数声明两种基本方式;函数表达式也是一种匿名的函数;var fun = function() { console.log('这是匿名函数'); } fun(); function fun2() { console.log('这是函数声明'); } fun2();以上是普通...

2019-10-20 11:28:14 242

原创 ES6中的几个String方法

1: includes()方法他的返回的是一个布尔类型的值;语法是str.includes(参数1,参数2);参数一代表的是需要在这个字符串里面查找什么字符;第二个参数是从第几位字符串开始查找;如果找到了就返回true,如果找不到则返回false;var str = 'abcdefg'; console.log(str.includes('a', 0));从第1位开始查找‘a’,结果为...

2019-10-20 10:15:18 318

原创 ES6中的伪数组转换

1: 伪数组转换成真数组Array.from()方法在我们的编程中,伪数组还是比较常见的;他们虽然也是一种数组但是用不了真数组的内置方法,但是在ES6中有一种Array.from()他可以将伪数组转换成真的数组;例如arguments;function fun() { console.log(arguments); console.log(Array.from(arg...

2019-10-20 09:44:07 654

原创 javascript中的函数相关操作

1: 函数的默认值在ES6之前函数的默认值是我们给他传参就会输出我们给出的参数,如果我们不传参,他就会用自己默认的参数;function fun(name) { name = name || 'jack'; console.log(name); } fun('rose'); fun();我们给函数设置了一个默认值为jack,如果我们不传参的话...

2019-10-20 09:18:20 79

原创 ES6对象的简写形式

01:在新的语法中,如果对象的属性值和属性如果发生重名的话,我们只写一个属性名即可,他会根据相同的属性名来获取相应的属性值;var username = '张三'; var age = 18; let obj = { username, age, sex: '男' } console.log(obj.username);输出...

2019-10-20 08:56:18 1041

原创 ES6的对象结构赋值

ES6中对象的结构赋值跟ES5相比的有了一点修改;ES6中的对象复制是右边值是对象,而声明这个对象的也是对象,es6之前的是声明的值是对象,但是声明是值;ES6之前声明的对象; var obj = { username: 'jack', age: 18, sex: '男' };ES6声明对象;...

2019-10-19 20:48:09 888

原创 ES6对象和数组的结构赋值

1:对象结构的赋值如果我们声明一个复杂的对象类型,只要左右对应,我们也可以进行结构的操作;let res = {code: 200,data: {username: 'jack', userAge: 18}};在我们res对象的里面嵌套着一个data对象;此时我们就可以根据结构来取出data对象里面的数据; let res = {code: 200,data: {username: 'j...

2019-10-19 20:44:09 685

原创 javascript的几种创建对象的方式

第一种:采取字面量的方式创建对象‘’第一种是最常见的创建对象的方式,直接声明一个对象即可; var obj = { name: '张三', age: 18, sex: '男' }var obj = {}; obj.name = '张三'; obj.age = 18; obj.sex = '男'; obj.eat =...

2019-10-19 09:18:00 147

原创 Array数组的一些内置方法

Array是一种复杂数据类型,他也有自身所提供一些内置的数组方法Array中的push和pop方法;push方法是将一个元素或者多个元素从末尾进行添加var arr = [1,2,3];arr.push(4,5,6);console.log(arr);把456添加到123的后面,输出结果为1,2,3,4,5,6pop方法是将数组的最后一个元素给移除var arr = [1,2,3...

2019-10-18 17:47:46 184

原创 ES6中类

ES6中新声明的类ES6中的类和对象,类: 是抽象的,泛指的,而对象是具体的;在ES6的语法中新增了类这一概念,可以用class关键字声明一个类,之后用这个类来实例化对象。跟ES5中的构造函数实例化对象一致;其实类就是构造函数的语法糖我们可以通过class来创建一个类class Star {}var fun = new Stae();我们通过类创建了一个构造函数对象;constru...

2019-10-18 15:16:28 141

原创 javascript中的四种类型检测方法

1.Object.prototype.toString.call()Object对象和它的原型链上各自有一个toString()方法,第一个返回的是一个函数,第二个返回的是值类型console.log(Object.prototype.toString());输出的结果为:[object Object];其实Object.prototype.toString()返回的值是[object ...

2019-10-18 10:57:41 440

原创 ES6中对象冻结Object.freeze()

const是ES6中的一种声明常量的方式如果希望一个对象设置完属性的时候不允许他再做修改的话,可以利用一种freeze()对象冻结的方法,浅冻结const声明的变量是不可修改的,指的是常量名对应的内存单元中的数据不能更换;他对于基本类型来说的话就是不可修改,但是对于复杂类型来说的话,只是不能更改为新的数据,但是内部属性可以修改;如果希望一个属性完全不能够修改的话这个时候就需要冻结该对象;...

2019-10-17 19:59:55 1175 1

原创 javascript中的深拷贝和浅拷贝

浅拷贝浅拷贝,只能复制一些基本的数据,并不能实现复制复杂的数据; var obj1 = { name: '小花', age: 18 }; var obj2 = {}; function kaobei(a, b) { for (var key in a) { b[key] = a[key]; } }...

2019-10-17 11:28:46 100

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除