博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JavaScript高级教程

Posted on 2022-04-07 15:46  yqphare  阅读(134)  评论(0编辑  收藏  举报

JavaScript高级教程

基础总结深入

数据类型

分类

you are so nb!

undefined :undefined

string :任意字符串

sybmol:

object:任意对象,函数(一种特别的对象,可以执行)、数组(一种特别的对象,内部数据是有序的)都是object

null:null

boolean:true/false

判断

typeof :返回数据类型的字符串表达式 ,

可以判断 undefined/数值/字符串/Boolean/function

不能判断 null和undefined object与array

instanceof:判断对象的具体类型,返回一个Boolean,

全等和等等:可以判断undefined,null

相关问题

1、undefined与null的区别?

undefined 代表定义未赋值

null 代表定义了值为null

2、什么时候给变量赋值为null?

1.初始赋值,表面要赋值为对象

2.结束时赋值,为了让对象成为对象,使其被垃圾回收器回收

3、严格区别变量类型与数据类型?

数据的类型:

基本类型、对象类型

变量的类型(变量内存值的类型):

基本类型:保存就是基本类型的数值、

引用类型:保存的是地址值

 

数据、变量与内存

1、什么是数据?

存储在内存中代表特定信息的东西,本质上是01

2、什么是内存?

内存条是通电后产生的可存储数据的空间(临时储存)

3、什么是变量?

可变化的量=变量名+变量值

每个变量都对应一块内存,变量名用来查找对应的内存,变量值内存中保存的数值数据

4、内存、数据、变量之间的关系

内存用来存储数据的空间

变量是内存的标识

相关问题

关于赋值与内存的问题?

var a=xxx,a中保存的是什么?

如果xxx是基本数据,保存是这个数据

如果xxx是对象,保存的是对象的地址值

如果xxx是一个变量,保存的是xxx的内存内容(可能是基本数据,也可能是地址值)

关于引用变量赋值问题?

n个引用变量指向同一个对象,通过一个变量修改对象内部数据,其他所有变量看到的是修改后的数据

var obj1={name:"tom"}

var obj2=obj1

obj2.age=12

console.log(obj1.age)//12

function fn(obj){

obj.name='a'

}

fn(obj1)

console.log(obj2.name)//tom

2个引用变量指向同一个对象,让其中一个引用变量指向另一个对象,另一引用变量依然指向前一个对象

var a={age:12}

var b=a

a={name:"嗯嗯嗯",age:13}

console.log(b,a.name,a.age)//{age:12},嗯嗯嗯,13

function fn2(obj){

obj={age:15}

return obj

}

fn2(a)

console.log(a)//{name:"嗯嗯嗯",age:13}

console.log(fn2(a))//{age:15}

关于数据传递问题?

在js调用函数都是传递变量参数时,是值传递还是引用传递?

理解一:都是值(基本/地址值)传递。只是值可能为基本值也可能为地址值

理解二:可能是值传递,也可能是引用传递(地址值)

var a =2

function fn(a){

a=a+1

}

fn(a)

console.log(a)//2

function fn2(obj){

console.log(obj.name)//tom

}

var obj={name:"tom"}

fn2(obj)

js引擎如何管理内存?

1、内存生命周期

分配小内存空间,得到他的使用权

存储数据,可以反复进行操作

释放小内存空间

2、释放内存

局部变量:函数执行完自动释放

对象:成为垃圾对象==>垃圾回收器回收

对象

1、什么是对象?

对个数据的封装体

用来保存多个数据的容器

一个对象代表现实中的一个事物

2、为什么要用对象?

统一管理多个数据

3、对象的组成

属性:属性名(字符串)和属性值组成

方法:一种特别的属性(属性值是函数)

4、如何访问对象内部数据?

.属性名,有时候不能用(1、属性名包含特殊字符: - 空格 2、属性名不确定)

例如:p['content-type']='text/json'

['属性名'],通用

函数

什么是函数?

实现特定功能的多条语句的封装体

只有函数是可以执行的,其他类型的数据不能执行

为什么要用函数?

提高代码复用

便于阅读交流

如何定义函数?

test():直接调用

obj.test():通过对象调用

new test():new调用

test.call/apply(obj):临时让test成为obj的方法进行调用

如何调用(执行)函数?

函数中的this?

任何函数本质上都是通过某个对象进行调用的,如果没有直接指定就是window

所有函数内部都有一个变量this

他的值是调用函数的当前对象

如何确定this的值?

test():window

p.test(): p

new test():新创建的对象

p.call(obj): obj

函数高级

原型与原型链

 

执行上下文与执行上下文栈

变量提升

1、变量声明提升

通过var定义(声明)的变量,在定义语句之前就可以放访问到

值:undefined

2、函数声明提升

通过function声明的函数,在之前就可以直接调用

值:函数定义(对象)

3、变量提升和函数提升是如何产生的?

函数提升必须用函数声明的方法进行声明

变量提升的方法声明函数函数不能直接调用,会转变成变量提升

执行上下文

1、代码分类(位置)

全局代码

函数(局部)代码

2、全局执行上下文

在执行全局代码前将window确定为全局执行上下文

对全局数据进行预处理

var定义的全局变量==》undefined,添加为window属性

function声明的全局函数==》赋值(fun),添加为window的方法

this==》赋值(window)

开始执行代码

3、函数执行上下文

在调用函数,准备执行函数体之前,创建对应的函数执行上下文对象,对局部数据进行预处理

形参变量 赋值(实参)

作用域与作用域链

 

闭包

1、如何产生闭包?

当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包

2、闭包是什么?

函数嵌套+内部函数引用了外部函数的变量

理解一:闭包就是嵌套的内部函数(绝大部分)

理解二:包含被引用变量(函数)的对象

注意:闭包存在于嵌套的内部函数中

3、产生闭包的条件?

函数嵌套

内部函数引用了外部函数的数据(变量/函数)

4、闭包的作用?

1、使用函数内部的变量再哈数执行完后,仍然存活在内存中(延长局部变量的生命周期)

2、让函数外部可以操作(读写)到函数内部的数据(变量/函数)

内存溢出与内存泄漏?

1、内存溢出:

一种程序运行出现的错误

当程序运行需要的内存超过了剩余的内存时,就爆出内存溢出的错误

2、内存泄漏

占用的内存没有及时释放

内存泄漏积累多了就容易导致内存溢出

常见的内存泄漏:

意外的全局变量

没有及时清理的计时器或者回调函数

闭包

例题:

var name= "the window"

var object={

name:"my object",

getname: function(){

return function(){

return this.name

}

}

}

alert(object.getname()()) // the window

 

var name2="the window"

var object2={

name:"my object",

getname: function(){

var that=this

return function(){

return that.name

}

}

}

alert(object2.getname()()) //my object

面向对象高级

工厂模式创建对象

套路:通过工厂函数动态常见对象并返回

适用场景:需要创建多个对象

问题:对象没有一个具体的类型,都是object类型

function createPerson(name,age){

var obj={

name:name,

age:age,

serName:function(name){

this.name=name

}

}

return obj

}

//创建两个人

var p1=createPerson("lisa",34)

var p2=createPerson("bob",24)

自定义构造函数模式

套路:自定义构造函数,通过new创建对象

适用场景:需要创建多个类型确定的对象

问题:每个对象都有相同的数据,浪费内存

function Person(name,age){

this.name = name

this.age = age

this.Setname= function(name){

this.name = name

}

this.Setage = function(age){

this.age=age

}

}

var lisa=new Person("lisa",12)

lisa.Setage(24)

console.log(lisa)

构造函数+原型组合模式

套路:自定义构造函数,属性在函数中初始化,方法添加到原型上

适用场景:需要创建多个类型确定的对象

function Person(name,age){

this.name = name

this.age = age

}

Person.prototype.Setname=function(name){

this.name = name

}

var p1 = new Person("tom",13)

var p2 = new Person("jack",44)

console.log(p1,p2)

原型链继承

套路

1、定义父类型构造函数

2、给父类型的原型添加方法

3、定义子类型的构造函数

4、创建父类型的对象赋值给子类型的原型

5、将子类型原型的构造属性设置为子类型

6、给子类型原型添加方法

7、创建子类型的对象:可以调用父类型的方法

关键

子类型的原型为父类型的一个实例对象

 

 

 

 

 

线程机制与事件机制

进程与线程

进程:程序的一次执行,它占有一片独有的内存空间

线程:是进程呢的一个独立执行单元、是程序执行的一个完整流程、是CPU的最小调度单元

 

 

相关知识:

应用程序必须运行在某个进程的某个线程上

一个进程中至少有一个运行的线程:主线程,进程启动后自动创建

一个进程中也可以同时运行多个线程,我们会说程序是多线程运行的

一个进程内的数据可以供其中的多个线程直接共享的

多个进程之间的数据是不能直接共享的

线程池:保存多个线程对象的容器,实现线程对象的反复利用

何为多进程多线程?

多进程运行:一个应用程序可以同时启动多个实例运行

多线程:在一个进程内,同时有多个线程运行

比较单线程与多线程?

 

 

浏览器内核

Chorme,Safari:webkit

Firefox:Gecko

IE:Trident

360,搜索等国内浏览器:Trident+webkit