• javascript核心概念——new


    如果完全没有编程经验的朋友看到这个词会想到什么? 上过幼儿园的都知道new表示 "新的" 的意思。

    var a = new Date() 按照字面的意思表示什么? 把一个新的date赋值给了a,a就是一个新的date类型的实例。

    理解到这已经差不多了已经初步掌握了js中new的概念。接下来我们看一下MDN对new操作符的定义:

    (new operator) 新运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一

    语法格式 new constructor([arguments])  

    constructor表示一个指定对象实例的类型的函数,前面可以忽略简单的说就是一个构造函数

    arguments 可选项,实例化时传入的参数 

    直接上例子

     
    //这里的this看不懂后面会讲没关系,主要参照上面的语法理解一下

    function Peron(){
    this.name="zhangsan";
    this.age = "110";
    }

    var xiaoming = new Person(); //person是英文中代表人,根据上面所学的,一个名为小明的新的人被创建出来了,是人的实例化。

    alert(xiaoming.name)//zhangsan 既然是由"人-person"创建出来的那么总要有人的特征,这里构造函数Person定义了两个属性 name age

    alert(xiaoming.age)//110

    //上面没有传参数,改写一下有参数的

    function Person(name,age){
    this.name = name;
    this.age = age;
    }

    var xiaoming = new Person("lisi","45");

    alert(xiaoming.name);

    alert(xiaoming.age);

      var xiaoming = new Person 当new Person()执行的时候 new到底做了什么?请注意:执行!执行!执行!

    1 一个新的对象被创建并且继承自构造函数的prototype

    2 构造函数被执行,参数被传入(如果有的话) 同时上下文环境会被指向这个新对象(新实例) 当然了this也被指向了这个新实例

    3 初始化新实例,当构造函数执行完毕的时候显式的返回。

    4 正常情况如123的步骤执行,但是如果构造函数一旦return了一个对象,那么那么这个对象会取代整个new出来的结果。

    未完待续。不断修订完善中

  • 相关阅读:
    1mustache基本使用
    better-scroll
    PTA 题解:jmu-Java&Python-统计文字中的单词数量并按出现次数排序
    Java : Comparable 和 Comparator 接口
    java校验特殊符号
    vue项目左右布局的菜单效果,树形菜单
    响应式树形菜单导航,jq+ajax
    2020书单
    vite 为什么快
    vite 尝鲜
  • 原文地址:https://www.cnblogs.com/Tjinhui/p/6575914.html
Copyright © 2020-2023  润新知