• JS的this介绍原型


    js数据类型

    基本数据类型:string   undefined   null  boolean  number

    引用数据类型  Object  array  function

    二者的区别

    基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量

    var a=123;
    var b={
    "name":"zhang"
    }
    var c=["ni",23]
    var d=function(){
    console.log(12)
    }

    堆内存

    就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放

    另一种就是函数  以字符串的形式存放

    var obj1={
    "name":"zhangsan"
    }
    var obj2=obj1;
    obj2.name="list"
    console.log(obj1)

    引用数据类型的赋值,是把引用地址赋给它,在修改属性的时候,通过地址查找然后改掉

    var arr1=[12,56]
    var arr2=arr1;
    arr2[0]="lisi"
    console.log(arr1)

    应用数据类型,如何操作?

    先通过引用地址去查找堆内存中的代码,然后再去修改。

    This研究在函数内部

    在js中的函数形式的种类

    1. 普通函数   function fn(){}   var fn=function()

    对象Object

    对象里面的数据以键值对的形式存在。跟json一样。

    1. 单例模式 ===》对象

      var zhang={
      "name":"zhangsan",
      "age":24
      }
      var li={
      "name":"lisi",
      "age":23
      }

      我们把变量zhang和li 叫”命名空间“

      作用域和堆内存的区别

      作用域是函数执行的时候产生fn()

      函数执行的时候首先会开辟一个新的内存空间叫栈内存(环境或作用域)

      数据类型在赋值的时候会开辟一个新的内存空间叫堆内存(存放代码块的)

      二者都会形成一个内存地址

      生成对象的单例模式

      优势,每个对象都是独立的,即便属性起的名字一样,不会相互干扰,方便现在流行的开发模式”模块化开发“。如果需要使用里面的属性,用.运算符  如zhang.name或zhang[“name”],判断一个属性是不是这个对象的用in运算符  如 “name” in zhang   如果遍历这个对象用 for(attr in zhang){}.

      缺点,不可以批量生产,只能一个一个的去创建。

      1. 工厂模式===》对象

        function Createyifu(name,age){
        var obj={
        "name":name,
        "age":age
        }
        return obj;
        }
        var zhang=Createyifu("张三",23)
        var zhang=Createyifu("lisi",24)
        console.log(lisi)

        这种形式我们叫函数封装。优势,可以批量生产,减少冗余代码,提高代码重复利用率

        (高密度低耦合)。没有继承和多态。

        1. 构造函数==>对象

        要求,1.函数名首字母必须大写,2.里面的属性前面必须加this。3.函数调用的时候

        必须使用new关键字

        function Person(name,age){
        this.name=name;
        this.age=age;
        }
        var zhang=new Person("张三",26)
        console.log(zhang)

        我们把Person叫类.   把zhang叫实例。万物皆对象。对象的特征有属性和方法。

        string的类是 String 

        数组的类是 Array

        对象的类是 Object

        构造函数里的this指向实例对象。

        构造函数里有了类和实例的概念,并且实例和实例都是独立的个体,我们把他叫实例识别。

        构造函数里面的属性都是私有的,各个实例对象之间没有公共的属性

        为了实例的对象拥有公共的属性,所以js使用了prototype(原型)这个属性,属性值是一个对象,我们可以把公共的属性放在这个prototype上了

        原型分析

        1. 每个函数数据类型(普通函数,类)都有一个prototype属性,并且这个属性是一个对象数据类型。
        2. 每一个prototype上都有一个constructor属性,并且这个属性值是当前函数或类本身

        3.每一个对象数据类型(实例,普通对象,prototype)都天生具有一个__proto__属性,他的属性值是当前实例所属类的原型

        function Person(name,age){
        this.name=name;
        this.age=age;
        }
        Person.prototype{
        xx:"hello world",
        say:function(){
        console.log(123)
        }
        }
        var zhang=new Person("zhangsan",23)
        var li=new Person("lisi",22)

        通过图像我们知道

        zhang.__proto__==Person.prototype   true

        原型链

        Duixiang.shuxing 的时候,首先看这个属性是不是私有的,私有的就直接使用,如果私有的属性没有,就找公有的,公有的有就使用,没有就按照__proto__找他的类上有没有,直到找到基类Object。如果Object没有就undefined了。这种查找机制叫原型链。

        数据的三种存储方式

        1. String   “”
        2. Array    []
        3. Json    {}

        所有编程语言java c python c++ 等 他们都是面向对象编程,面向对象必须有三大特点,封装,继承,多态.今天就是研究js

        如何生成对象。

  • 相关阅读:
    Java IO输入输出流 FileWriter 字符流
    Java IO输入输出流File 字节流
    Java List集合和Map集合的综合应用
    表单提交中的重复问题(表单令牌验证)
    php中const与define的区别
    阿里云中获取文件及目录列表的方法
    巧用php中的array_filter()函数去掉多维空值
    文件大小格式化函数
    UTC 通用格式时间 转换为 时间戳,并格式化为2017-01-01 12:00:00
    关于匿名函数的使用,购物车中计算销售税的应用
  • 原文地址:https://www.cnblogs.com/mo123/p/9891263.html
Copyright © 2020-2023  润新知