JS数据类型 构造函数 原型链

js数据类型

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

  引用数据类型  Object  array  function

  二者的区别

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

  

堆内存

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

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

案例

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

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

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

This研究在函数内部

  在js中的函数形式的种类

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

    2.        类

对象Object

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

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

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

  作用域和堆内存的区别

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

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

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

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

生成对象的单例模式

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

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

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

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

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

3.        构造函数==>对象

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

    必须使用new关键字

  

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

  string的类是 String

  数组的类是 Array

  对象的类是 Object

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

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

例识别。

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

  

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

  原型分析

1.        每个函数数据类型(普通函数,类)都有一个prototype属性,并且这个属性是一个对象数据类型。

2.        每一个prototype上都有一个constructor属性,并且这个属性值是当前函数或类本身

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

  通过图像我们知道

  zhang.__proto__==Person.prototype   true

  原型链

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

数据的三种存储方式

1.        String   “”

2.        Array    []

3.        Json    {}

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

原文地址:https://www.cnblogs.com/Shinigami/p/9892284.html

时间: 2024-08-05 15:30:14

JS数据类型 构造函数 原型链的相关文章

js继承之二(组合模式=借用构造函数+原型链方式)

借用构造函数模式:不能继承原型上的属性,可以避免引用类型修改问题 原型链:能够继承原型上的属性,会发生引用类型修改 so:敲黑板! function CarModel(c){ this.color=c||"白色"; this.arr=[1,2,3]; this.getColor=function(){ console.log('我的颜色是'+this.color); } } CarModel.prototype.test="lla"; function Car(br

JavaScript提高篇之面向对象之单利模式工厂模型构造函数原型链模式

1.单例模式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>面向对象之单例模式</title> 6 </head> 7 <body> 8 9 <script type="text/javascript"> 10 //对象数据类型

MDN——javascript——入门——第三章对象——对象.构造函数.原型链.继承——知识点总结

对象Object 由属性property(变量).方法method(函数)组成 var objectName = { member1Name : member1Value, member2Name : member2Value, member3Name : member3Value } member(成员)的值是任意的, 一个如上所示的对象被称之为对象的字面量(literal)——手动的写出对象的内容来创建一个对象.不同于从类实例化一个对象,我们会在后面学习这种方式. 访问对象成员 1.点表示法

js中原型和原型链理解

js中属性的继承以及查找都会用到原型链的知识,对于深入学习js的人来说是一个难点也是一个重点,下面梳理下对于原型以及原型链的理解. 首先,我们要知道什么是原型以及原型链?他们有什么样的作用? 可以理解为JS对象在创建时都会与之关联另一个对象,这就是我们所说的原型,每一个对象都会从原型"继承"属性.下图表示了构造函数与实例原型的关系,其中Object.prototype表示实例原型. 那么实例与实例原型又是怎么联系的呢?接下来又要说到另一个属性__proto__,每一个JS对象都有一个属

深入理解JS继承和原型链

对于那些熟悉基于类的面向对象语言(Java 或者 C++)的开发者来说,JavaScript 的语法是比较怪异的,这是由于 JavaScript 是一门动态语言,而且它没有类的概念( ES6 新增了class 关键字,但只是语法糖,JavaScript 仍旧是基于原型). 涉及到继承这一块,Javascript 只有一种结构,那就是:对象.在 javaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接.这个原型对象又有自己的原型,直到某个对象的原型为null 为止

js继承与原型链

对于那些熟悉基于类的面向对象语言(Java 或者 C++)的开发者来说,JavaScript 的语法是比较怪异的,这是由于 JavaScript 是一门动态语言,而且它没有类的概念(虽然 class 是个保留字,不能作为变量名来使用). 继承方面,JavaScript 中的每个对象都有一个内部私有的链接指向另一个对象,这个对象就是原对象的原型.这个原型对象也有自己的原型,直到对象的原型为 null 为止(也就是没有原型).这种一级一级的链结构就称为原型链. 虽然这通常会被称作 JavaScrip

js继承之原型链继承

面向对象编程都会涉及到继承这个概念,JS中实现继承的方式主要是通过原型链的方法. 一.构造函数.原型与实例之间的关系 每创建一个函数,该函数就会自动带有一个 prototype 属性.该属性是个指针,指向了一个对象,我们称之为 原型对象.什么是指针?指针就好比学生的学号,原型对象则是那个学生.我们通过学号找到唯一的那个学生.假设突然,指针设置 null, 学号重置空了,不要慌,对象还存在,学生也没消失.只是不好找了. 原型对象上默认有一个属性 constructor,该属性也是一个指针,指向其相

js面向对象编程/原型链/继承 —— javascript

目录 js面向对象编程 js原型链 共享方法 原型继承 js面向对象编程 js面向对象编程不同于 java 的类和对象 JavaScript 不区分类和实例的概念,而是通过原型(prototype)来实现面向对象编程. js声明的构造函数,类似于普通函数的声明,但又不同, 实例对象时,如果不写new,就是一个普通函数,它返回 undefined. 但是,如果写了new,它就变成了一个构造函数,它绑定的 this 指向新创建的对象, 并默认返回 this,也就是说,不需要在最后写return th

JS中注意原型链的“指向”

昨天压缩Js文件时发现了项目中的一个prototype的问题代码如下所示: 1. <script> var XXX = function(){ }; var x1 = new XXX(); XXX.prototype.fnx = function(){ alert("123"); } x1.fnx(); </script> 2. <script> var XXX = function(){ }; var x1 = new XXX(); XXX.pro