重学前端（笔记一）

05 | JavaScript类型

undefined:表示未定义，任何变量在赋值前都是undefined类型、值为undefined；定义了但是未被赋值
null:表示空值，null,定义了但是赋值为空
boolean:true/false
string
number:正确的浮点数比较方法： Math.abs(0.1+0.2-0.3)<=Mumber.EPSIILON;
Symbol:表示独一无二的值let s = Symbol(); typpof s;//symbol,凡是属性名属于Symbol类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。
Object:对象

06 | 理解面向对象、基于对象

理解对象的意思：
1.一个可以触摸或者可以看见的东西
2.人的智力可以理解的东西
3.可以指导思考或行动的东西
对象的特点：
1.对象具有唯一标识性，即使完全相同的两个对象，也并非同一个对象（标识性用内存地址体现的，对象具有唯一标识的内存地址）
2.对象有状态，对象具有状态，同一对象可能处于不同状态之下
3.对象具有行为，即对象的状态，可能因为它的行为产生变迁。
Javascript中对象独有的特色是：对象具有高度的动态性，这是因为JavaScript赋予了使用者在运行时为对象添改状态和行为的能力
为了提高抽象能力，JavaScript的属性被设计成比别的语言更加复杂的形式，它提供了数据属性和访问器属性（getter/setter）两类。
数据属性：
Object.getOwnPropertyDescriptor(对象,"属性名")

image.png

如果我们要想改变属性的特征或者定义访问器属性，可以使用Object.defineProperty

image.png

在创建对象时，也可以使用get和set关键字来创建访问器属性。

image.png

07 | 我们真的需要模拟类吗？

Javascript的原型：
1.如果所有对象都有私有字段[[prototype]]，就是对象的原型；
2.读一个属性，如果对象本身没有，则会继续访问对象的原型，直到原型为空或者找到为止。
操作原型的方法：
1.Object.create，根据指定的原型创建新对象，原型可以是null
2.Object.getPrototypeOf获得一个对象的原型
3.Object.setPrototypeOf设置一个对象的原型

image.png

new
new运算接受一个构造器和一组调用参数，实际上做了几件事：

以构造器的prototype属性为原型，创建新对象；
将this和调用参数传给构造器执行
如果构造器返回的是对象，则返回，否则返回第一步创建的对象

ES6中的类
类的写法实际上也是原型运行时来承载的，逻辑上Javascript认为每个类是有共同原型的一组对象，类中定义的方法和属性则会被写在原型对象之上。类提供了继承能力。

class animals{
    constructor(name){
        this.name = name;
    }
    speak(){
        console.log(this.name,'make some noise')
    }
}
class Dogs extends animals{
    constructor(name){
        super(name)
    }
    speak(){
        console.log(this.name,'wangwangwang')
    }
}
let d2 = new Dogs('aki')
d2.speak();//aki wangwangwang

08 | JavaScript对象：你知道全部的对象分类吗？

宿主对象：

由JavaScript宿主环境提供的对象，它们的行为完全由宿主环境决定。
比如最熟悉的浏览器环境中的宿主。在浏览器环境中，我们都知道全局对象是window,window上又有很多属性，如document.

内置对象

由Javascript语言提供的对象

固有对象：由标准规定，随着Javascript运行时创建而自动创建的对象实例。
原生对象：可以由用户通过Array/RegExp等内置构造器或者特殊语法创建的对象。
我们把Javascript中，能够通过语言本身的构造器构建的对象称作原生对象

image.png
普通对象：由｛｝语法、Object构造器或者class关键字定义类创建的对象，它能够被原型继承。

最后编辑于：2019.06.25 16:06:42