美文网首页
重学前端(笔记一)

重学前端(笔记一)

作者: 清汤饺子 | 来源:发表于2019-06-25 14:46 被阅读0次

    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:对象

    1.类型转换
    Sting To Number
    类型转换支持十进制、二进制、八进制和十六进制
    | Number() | 把对象的值转换为数字。 |
    | parseFloat() | 解析一个字符串并返回一个浮点数。 |
    | parseInt() | 解析一个字符串并返回一个整数。 |

    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关键字定义类创建的对象,它能够被原型继承。

    相关文章

      网友评论

          本文标题:重学前端(笔记一)

          本文链接:https://www.haomeiwen.com/subject/pyugtctx.html