JavaScript-1-6:原型、闭包、JSON、错误、调试
构造函数的弊端:
方法功能相同,但是却存在不同的内存空间,浪费了内存空间
1、原型
任何一个函数对象,都有一个 prototype 属性,指向一个对象----原型对象。原型对象是用来存放对象们共同的属性和方法。
原型对象默认会有一个属性 constructor ,指向的是一个函数:
任何对象都有一个属性 [[ prototype ]] 指向的是它的构造函数的原型对象。
这个属性的访问方式: 对象名 . __proto__
原型对象中的属性和方法,会被以它为原型创建的对象们共享。
用字面量创建的对象,也有自己的原型属性__proto__指向的是Object构造函数的原型对象
实际开发中,构造函数和原型对象一般会结合使用,可以灵活的控制对象的数据共享与不共享:
需要共享的属性和方法就放到-----原型对象中
不需要共享的属性和方法就放到-----对象或构造函数中
原型链:
因为任何一个对象都有 [[ prototype ]] 属性,原型对象也是对象,也有 [[ prototype ]] 属性,这样形成了一条原型链。
最终指向的是Object构造函数的原型对象。
Object构造函数的原型对象的原型对象是 null 。
访问一个对象的属性或方法,如果该对象本身没有,就会沿着这条原型链一直查询,找到了就拿来使用,找不到就报错。
eg:
让所有的Date对象都具备showWeek功能
给Date的原型函数对象添加方法
2、闭包:
闭包就是能访问其他函数内部变量的函数
作用:私有化变量,使得变量不能被随意访问,只能通过主动暴露的方式访问
如下图的getName:
之所以能够访问到内部的变量,是因为外部获得了内部函数的应用,系统会认为这个地址正在被全局变量使用,那么就不会被释放函数的那片空间。
闭包函数的特殊之处,就是绑定了上下文,也就是该函数上面的变量和下面的变量都不会被释放。
3、JSON格式:
JSON格式是用于互联网网页数据传输的一种格式。语法接近Js 字面量对象。但是有区别,还有一种常见的是XML格式。
1)数据是键值对:键只能是字符串,值不能是函数和 undefined
2)大括号保存对象:
3)方括号保存数组:
4)数据之间用逗号分隔:
JSON . parse( )
用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON . stringify( )
用于将 JavaScript 对象转化为 JSON 字符串。如果对象中有 function ,那么会被直接忽略。
4、错误与调试:
js发生错误时,会停在发生错误的地方,不会继续执行
常见的错误类型:
语法错误:SyntaxError
引用错误:RefrenceError
类型错误:TypeError
范围错误:RangeError
URL地址错误:
错误的处理:
用 throw 扔出去
try ... catch ... finally
(防止程序因为一处代码的错误就停止执行)
代码调试:
① Pause/Resume script execution:暂停/恢复脚本执行。
② Step over next function call:执行到下一步代码。
③ Step into next function call:进入当前函数。
④ Step out of current function:跳出当前执行函数。
⑤ Deactive/Active all breakpoints:关闭/开启所有断点(不会取消)。
⑥ Pause on exceptions:异常情况自动断点设置。
5、ES6简介:
let命令:
let 命令声明的变量,不再属于全局对象
const命令:
定义一个常量,一旦被定义就不能被改变。因此变量必须在定义的时候就进行初始化
const一旦声明变量,就必须立即初始化,不能以后赋值
const的作用域与let命令相同:只在声明所在的块级作用域内有效
类:
ES6 引入了类的概念,用于作为创建对象的模板。不过ES6的类只对ES5的构造函数封装而已
类的继承:
箭头函数:
只是将 function 简化为 => 符号
如果只有一个参数,括号可以省略;如果函数体是有一行代码,可以省略大括号
TIPs:箭头函数中没有 this ,如果非要用 this,那么这个 this 也是该函数上层的对象,并不是调用者。