ajax概念

80 阅读1分钟

ajax第一天

js高级

set新对象

作用

数组去重

代码写法

const set = new Set([...数组])

set.add(元素)

const arr = [...set]

this指向

1 一般情况下 this指向 等于 调用者

2 箭头函数

1 一般情况 指向

window

2 面向对象-方法

实例

3 bind、call、apply 都也修改this指向

obj.skill.call(person,1,2)

obj.skill.apply(person,[1,2])

const func=obj.skill.bind(person) func(1,2)

image.png

es6 class

class Student extends Person {

constructor(name,color){

super(name); this.color= color;

}

fly(){}

}

image.png

es5 原型链

js内置的对象 也可以通过修改构造喊上.原型 来拓展方法

Array.prototype.show=function(){}

const arr=[];

arr.show()

打印了dom元素的原型

dom对象通过一条原型链 继承各种父亲的方法

ajax

服务器

一台提供资源的电脑

客户端

浏览器

url

网络中资源

ajax 概念

异步

js

and

x xml

使用js来异步获取xml格式数据的技术

image.png

image.png

同步和异步

同步

代码按顺序执行

一调用马上有结果

异步

不一定按顺序执行 同时执行

代码调用可能需要等待才会返回结果

5种请求的方式

get

获取数据

post

提交数据

delete

删除数据

put

完整更新数据

patch

局部更新数据

94f73ec9c858fc4bb93026c263b1e03.png

image.png