JavaScript概括

JavaScript概括

---

一、JavaScript是什么？

JavaScript 是一门弱类型的动态脚本语言，支持多种编程范式，包括面向对象和函数式编程，被广泛用于 Web 开发。
一般来说，完整的JavaScript包括一下几部分：

• ECMAScript，描述了该语言的语法和基本对象
• 文档对象模型（DOM），描述处理网页内容的方法和接口
• 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口

我们一般用JavaScript来：

• 嵌入动态文本于HTML页面
• 对浏览器事件做出回应
• 读写HTML元素
• 在数据被提交到服务器之前验证数据
• 检测访客的浏览器信息

二、面向对象

1.什么是面向对象？

面向对象就是把构成问题事务分解成多个对象，建立对象不是为了完成某个步骤，而是描述某个事物在这个解决问题的步骤中的行为。

2.面向对象和面向过程的区别和联系？

1. 面向过程侧重整个问题的解决步骤，着眼局部或者具体。
2. 面相对象侧重具体功能，让某个对象具有这样的功能，更侧重整体。

3.面向对象的实现方式

1. 面向对象的实现方式主流有两种方式：基于类的面向对象和基于原型的面向对象。
2. 面向对象三大特征：封装、继承、多态。
3. 基于类的面向对象：Java、C#对象（object）依靠类（class）来产生。
4. 基于原型的面向对象：javascript对象（object）依靠构造器（constructor）利用原型（prototype）构造出来的。
   四、多种创建对象的方式
   基础封装、工厂模式、构造函数、原型对象、组合创建。

三、构造函数、原型、原型链

1.构造函数

在JavaScript语言中我们可以使用构造函数的方式创建对象，如：

let obj = new LanguageFun("javaScript")

JavaScript使用构造函数创建对象不是真正意义上的实例化，而是通过new操作符调用的构造函数。

构造函数的执行过程：

1. 创建一个新的对象obj
2. obj被执行原型链[[prototype]]链接
3. obj绑定到函数调用的this上
4. 没有其他返回对象，则返回obj

包括我们知道的内置函数Number(), String()都可以使用new操作符创建新的对象，这种函数在JavaScript中称为构造函数的调用。

2.原型

每个函数都有一个prototype(原型)属性
这个属性都有一个指针，指向一个对象
这个对象包含由特定类型所有实例共享的属性和方法
使用原型的好处是可以让所有对象实例共享它包含的方法和属性
通过in操作符和hasOwnProperty来判断给定属性是来自于原型还是实例
in- true 代表属性在对象中存在 来自实例或者来自原型
hasOwnProperty- true代表属性来自于实例 是实例属性

3.原型链

原型链就是如果一个对象访问自身内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去或者返回undefined。

四、cookie的应用

1.cookie是什么？

是由服务器端生成，发送给浏览器，浏览器将cookie以键值对的形式保存到某个目录下的文本文件内。下次请求该网站时就把cookie发送回服务器。
cookie是本地存储的一种方法，它可以设置失效时间，如果没有设置的话在页面关闭是失效。

2.创建cookie。

document.cookie = "age = 18";

3.删除cookie。

将失效时间设置为过期，浏览器就会自动删除。

cookie.setMaxAge(Integer.MAX_VALUE);//现在是永久时间，修改为过期时间即可。

4.获取cookie。

可以通过document.cookie直接读取cookie的内容：

var strCookie = document.cookie;

封装cookie增删改查方法

function setCookie(key, value, iDay) {
			var oDate = new Date();
			oDate.setDate(oDate.getDate() + iDay);
			document.cookie = key + '=' + value + ';expires=' + oDate;

		}
		function removeCookie(key) {
			setCookie(key, '', -1);//这里只需要把Cookie保质期退回一天便可以删除}function getCookie(key) {
			var cookieArr = document.cookie.split('; '); for (var i = 0; i < cookieArr.length; i++) {
				var arr = cookieArr[i].split('=');
				if (arr[0] === key) {
					return arr[1];
				}
			}
			return false;
		}

---