JS-----构造函数的个人理解

一.JS函数:
函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码,它只定义一次,但可能被执行或调用任意次。
(1).函数的定义方式:
1.声明式函数定义: function 函数名 (){};这种定义方式,会将函数声明提升到该函数所在作用域的最开头,也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数,在这个作用域内,你都可以调用这个函数为你所用。

2.函数表达式:let fun = function(){}; 此方式定义的函数,只能在该作用域中,这段赋值代码执行之后才能通过fun()调用函数,否则,由于变量声明提升,fun === undefined。

3.new Function 形式: var fun1 = new Function (arg1 , arg2 ,arg3 ,…, argN , body );Function构造函数所有的参数都是字符串类型。除了最后一个参数, 其余的参数都作为生成函数的参数即形参。这里可以没有参数。最后一个参数, 表示的是要创建函数的函数体。
注意:1 、第一种和第二种函数的定义的方式其实是第三种new Function 的语法糖,当我们定义函数时候都会通过 new Function 来创建一个函数,只是前两种为我们进行了封装,我们看不见了而已,js 中任意函数都是Function 的实例。

二.构造函数:
(1).定义:通过 new 函数名 来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分,主要从功能上进行区别的,构造函数的主要 功能为 初始化对象,特点是和new 一起使用。new就是在创建对象,从无到有,构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写

(2).对new理解:new 申请内存, 创建对象,当调用new时,后台会隐式执行new Object()创建对象。所以,通过new创建的字符串、数字是引用类型,而是非值类型。
(3).
 1. var arr = []; 为 var arr = new Array();
 2. var obj = {} 为 var obj = new Object();
 
 (4).执行构造函数时发生的事 :

 let f = new Foo();

      function Foo(name,age,sex){
        this.name = name;
        this.age = age;
        this.sex = sex;
      }
      Foo.prototype.belief = function(){
    console.log('打印');
      }
      let f = new Foo ('zh',18,'男');

以上代码详解如下:
(1). let f = {}; //一个继承自 Foo.prototype 的新对象被创建。

(2). f.proto = Foo.prototype; // f 继承 Foo的原型 ==

(3).Foo.call(f,‘zh’,18,‘男’); //执行Foo函数,将name,age,sex 参数传入Foo中执行,此时函数内部this 为 new 创建的 f对象,所以 f.name = ‘zh’;f.age = 18; f.sex = ‘男’;

(4).实例化对象完成,此时

 f = {
name:'zh',
age:18,
sex:'男'
 }

(5). f.belief(); // 打印

(6).手写一个NEW方法:

function newTest (constructFunction){
      let obj = {};
      obj.__proto__ = constructFunction.prototype;
      return function(){
        constructFunction.apply(obj,arguments);
        return obj;
      }
    }

注意:当构造函数中有返回对象时候,最终new出来的对象会是构造函数的返回值,而不是new过程中生成的对象。仅当构造函数返回值是对象时有效,当不是对象时依旧返回new过程中形成的对象(无论如何new 构造函数之后都会返回一个对象值)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章