美文网首页程序员
JavaScript高级笔记概括

JavaScript高级笔记概括

作者: 蓝海00 | 来源:发表于2018-09-09 16:38 被阅读0次

JavaScript高级
Js分三个部分:
1.ECMAScript标准---基本语法
2.DOM Document Object Model 文档对象模型 顶级对象是document
3.BOM Browser Object Model 浏览器对象模型 顶级对象是window
什么是js?
一门基于对象的语言
一门动态类型的语言
一门弱类型语言
一门脚本语言
一门解释性语言
Js可以做什么?
特效,游戏,移动端,服务端。。。
Js严格模式:”use strict”
编程思想:
面向过程:所有的事情都是亲力亲为,注重的是过程
面向对象:提出需求,找对象,对象解决,注重的是结果(万物皆对象)
什么是对象?
具体特指的某一个事物,有特征(属性)和行为(方法),对象可以看出是一堆无序属性的集合
Js不是一门面向对象的语言,是一门基于对象的语言,js可以模拟面向对象(封装,继承,多态)
什么是封装?
封装:就是包装,把一些重用的内容进行包装,在需要的时候直接使用
(把一个值存在一个变量中,把一些重用的代码放在一个函数中,把好多相同功能的函数放在一个对象中,把好多功能的对象放在一个文件夹中)
什么是继承?
继承:类于类之间的关系,js里面没有类的概念,但是js中有构造函数,构造函数可以通过原型来模拟继承,继承是为了数据共享
(
原型继承:改变原型的指向
借用构造函数继承:主要解决属性的问题
组合结成:原型继承+借用构造函数继承✔️构造函数名{子构造函数}.prototype = new 构造函数名{父构造函数}();+构造函数名{父构造函数}.call(this,属性1,属性2){属性之间从子构造函数中直接传}
拷贝继承:把对象中需要共享的属性或者方法直接以遍历的方式复制到另一个对象中
)
什么是多态?
多态:同一个行为针对不同的对象产生了不同的效果
创建对象的三种方式:
1.字面量的方式
2.调用系统的构造函数
3.自定义构造函数(1.开辟空间储存对象2.把this设置为当前的对象(实例对象)3.设置属性和方法的值4.把this对象返回)
工厂模式和自定义构造函数有什么共同点和区别?
共同点:都是函数,都可以创建对象,都可以传入参数
不同点:
工厂模式:函数名是小写,有new,有返回值,new之后的对象是当前的对象,直接调用函数就可以创建对象
自定义构造函数:函数名是大写(首字母),没有new,没有返回值,this是当前的对象,通过new的方式来创建对象
实例对象和构造函数直接的关系:
实例对象是通过构造函数来创建的,创建的过程叫实例化对象
如何判断对象是不是这个数据类型?
1.通过构造器的方式 (实例对象.构造器 == 构造函数的名字)
2.(对象 instanceof 构造函数的名字)
原型的作用:数据共享,节省内存空间,模拟继承
原型中的方法可以通过this互相访问(未改变指向之前)
什么是原型?
实例对象中有proto属性,叫原型,也是一个对象,也可以叫原型对象,这个属性是给浏览器使用的,不是标准的属性
构造函数中有prototype属性,叫原型,也是一个对象,也可以叫原型对象,这个属性是给程序员使用的,是标准的属性
实例对象的proto和构造函数中的prototype相等(true)
因为实例对象是通过构造函数来创建的,构造函数中有原型对象prototype,所以实例对象的proto指向的构造函数的原型对象prototype
总结实例对象构造函数原型对象之间的关系:
构造函数可以实例化对象
构造函数中有一个属性prototype,这个属性是构造函数的原型对象
构造函数prototype中有一个constructor构造器,这个构造器指向的是自己所在的原型对象所在的构造函数
实例对象的原型对象是(proto)指向的是该构造函数的原型对象
实例对象(proto)和构造函数的prototype的指向是相同的
构造函数prototype指向如果改变了实例对象(proto)指向也会改变(记住先改变指向再添加方法)
所以构造函数的原型对象prototype里面的方法实例对象是可以直接访问的
原型最终指向了哪里?
实例对象的(proto)--->构造函数的prototype的(proto)--->Object.prototype的(proto)是null
实例对象使用属性方法:现在实例对象中查找,再到实例对象的(proto)指向的原型对象prototype中找,找到则使用,找不到报错
如何在函数中把局部变量变成全局变量?
把局部变量给window就好了
什么是原型链?
是一种关系,实例对象和原型对象之间的关系,是通过原型(proto)来链接的
什么是作用域?
变量的使用范围
什么是作用域链?
变量的使用,从里向外,层层搜索,搜索到了直接使用,搜索不到则报错。
什么是预解析?
浏览器解析代码之前,把变量的声明和函数的声明提前(提升)到该作用域的最上面
什么是闭包?
函数A中有函数B,函数B访问函数A中的变量或者数据,此时就形成了闭包
闭包的模式:函数模式的闭包,对象模式的闭包
闭包的作用:缓存数据(即是优点也是缺点,数据没有及时的释放),延长作用域链
什么是沙箱?
沙箱也叫黑盒,在一个虚拟的环境中模拟真实世界的数据,虚拟世界的数据的结果和真实世界的数据结果是一样的但是不会影响真实世界
什么是递归?
函数中调用函数自己,递归一定要有结束的条件,否则会死循环
什么是浅拷贝?
就是复制,相当于把一个对象中的所有内容复制一份给另一个对象,或者说把一个对象的地址给了另一个对象,他们指向相同
什么是深拷贝?
把一个对象中的所有属性和方法一个一个找到,并且在另一个对象中开辟相应的空间,一个一个存储到另一个对象中
什么是正则表达式?
正则表达式也叫规则表达式,按照一定的规则组成的一个表达式,匹配字符串
数组和伪数组的区别:
真数组的长度是可变的,伪数组的长度是不可变的,真数组可以使用数组中的方法,伪数组不可以使用数组中的方法
函数中this的指向:
普通的函数中的this(window)
对象.方法中的this(当前实例对象)
定时器方法中的this(window)
构造函数中的this(实例对象)
原型对象方法中的this(实例对象)
函数也是对象但对象不一定是函数(内置对象Math)
对象中有(proto)是对象 函数中有prototype原型是对象
什么是回调函数?函数作为参数使用
apply和call使用语法,作用及区别
apply的使用语法:
函数名字.apply(对象,[参数1,参数2…]);
方法名字.apply(对象,[参数1,参数2…]);
call的使用语法:
函数名字.call(对象,参数1,参数2…);
方法名字.call(对象,参数1,参数2…);
apply和call的作用:调用的时候改变this的指向
apply和call的区别:参数传递的方式不一样
bind方法是赋值的时候改变this的指向
bind的使用语法:
函数名字.bind(对象,参数1,参数2…);
方法名字.bind(对象,参数1,参数2…);

相关文章

  • JavaScript高级笔记概括

    JavaScript高级Js分三个部分:1.ECMAScript标准---基本语法2.DOM Document O...

  • 【JavaScript高级教程】笔记-JSON篇

    【JavaScript高级教程】笔记-JSON篇 JavaScript Object Notation, Java...

  • 【前端学习笔记】JavaScript对象的几种创建方式整理-简要

    笔记来自JavaScript高级程序设计的学习笔记。 JavaScript对象的其中创建方式。 一、工厂模式 二、...

  • 2019-04-17

    JavaScript高级程序设计笔记 第一章 JavaScript简介 JavaScript历史回顾 JavaSc...

  • 《JavaScript高级程序设计》笔记2:在HTML中使用Ja

    参考原文:《JavaScript高级程序设计》笔记:在HTML中使用Javascript