js随笔巴拉巴拉-CSDN博客

本文链接：https://blog.csdn.net/Hello_Wade/article/details/119508086

本文概述了get和post请求参数的限制误区，强调了浏览器和服务器对URL长度的影响。深入解析了闭包的概念和其优缺点。讲解了JavaScript中类的多种继承方式，包括原型链、构造继承和组合继承。同时讨论了事件流机制和解决回调地狱的方法，以及事件委托和图片加载策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.get请求参数误区

误区：
get参数大小存在限制，post参数大小不存在限制
实际上：
http协议从未规定get和post的参数大小，
get参数受限是因为：浏览器和web服务器限制了URL长度
不同浏览器和web服务器，限制的长度不一样

2.get和post在缓存方面的区别

get可以使用缓存：因为类似查找过程，用户获取数据不用每次都与数据库连接
post不能使用缓存：做修改和删除操作，必须与数据库交互

3.说一下闭包## 标题

闭包：一个函数能读取其他函数内部的变量
原理：作用域链特性（当前执行环境下访问某个变量时，如果不存在就一直往外层查找）
优点：隐藏变量，避免全局污染（全局变量容易被人修改）
缺点：导致变量不会被垃圾回收机制回收，造成内存消耗

function Add(){
    var a = 10;
    return function(){
        a++;
        return a;
    };
};

4.类的创建和继承

创建：首先new一个function，在这个function的prototype中添加属性和方法。

//定义一个动物类
function Animal(name) {
	this.name = name;  //属性
	this.sleep = function() {   //实例方法
		console.log(this.name + 'sleep...');
	}
}
//在原型链上添加一个原型方法
Animal.prototype.eat = function(food) {
	console.log(this.name + 'eat...' + food)
}

继承：
1.原型链继承：原型链继承是JavaScript实现继承的主要方法。利用原型让一个引用类型继承另一个引用类型的属性和方法。
特点：基于原型链，既是父类的实例，也是子类的实例。
缺点：不能实现多继承。

//创建一个空对象
function Cat() {
}
Cat.prototype = new Animal();
Cat.prototype.name = 'cat';
var cat = new Cat;

2.构造继承：使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类（没用到原型）。
特点：可以实现多继承。
缺点：只能实现继承父类的属性和方法，不能继承原型链上的属性和方法。

function Cat() {
    Animal.call(this);
    this.name = name || 'cat';
}
var cat = new Cat();

3.组合继承：相当于构造继承和原型链继承的组合体。通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用。
缺点：调用了两次父类构造函数，生成了两份实例。

function Cat() {
    Animal.call(this);
    this.name = name || 'cat';
}
(function() {
    //创建一个空对象
    var Super = function() {};
    //将实例作为子类的原型
    Super.prototype = Animal.prototype;
    Cat.prototype = new Super();
}) ()
var cat = new Cat();

4.寄生组合方式：可以说是组合继承的优化。通过寄生方式，砍掉父类的实例属性，这样，在调用两次父类的构造的时候，就不会初始化两次实例。

function Cat() {
    Animal.call(this);
    this.name = name || 'cat';
}
(function() {
    //创建一个空对象
    var Super = function() {};
    //将实例作为子类的原型
    Super.prototype = Animal.prototype;
    Cat.prototype = new Super();
}) ()
var cat = new Cat();