美文网首页
浅谈对象、数组、函数的区别

浅谈对象、数组、函数的区别

作者: 林立镇 | 来源:发表于2017-06-14 22:24 被阅读0次
  • 大部分面向对象的编程语言,都是以“类”(class)作为对象体系的语法基础
  • JavaScript 语言不是如此,它的面向对象编程基于“原型对象”

一、全局对象Object

  • 构造函数

JavaScript通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部

function Object(){this.属性1 = 'aa'};//构造函数
var 实例1 = new Object();//实例对象
  • 实例对象

原型对象上的所有属性和方法,都能被派生对象共享。这就是JavaScript继承机制的基本设计

实例1.属性1//'aa'
  • 构造函数的prototype对象

通过构造函数生成实例对象时,会自动为实例对象分配原型对象。每一个构造函数都有一个prototype属性,这个属性就是实例对象的原型对象
如果要往对象的原型上添加属性和方法,通过prototype属性添加

Object.prototype.属性2 = ‘bb’
实例1.属性2//'bb'
  • 如果直接往对象实例上添加属性和方法,则就近原则,先去实例上的属性,没有再往原型链上寻找
实例1.属性3 = ‘cc';
实例1.属性3//'cc'
实例1.属性2//‘bb’
实例1.属性1//‘aa’
  • Object.prototype对象的原型

Object.prototype对象的原型,是没有任何属性和方法的null对象,而null对象没有自己的原型

Object.getPrototypeOf(Object.prototype)// null
  • 原型链

对象的属性和方法,有可能是定义在自身,也有可能是定义在它的原型对象。由于原型本身也是对象,又有自己的原型,所以形成了一条原型链(prototype chain)

实例1._proto_===Object.prototype
Object.prototype._proto_指向null对象

prototype对象有一个constructor属性,默认指向prototype对象所在的构造函数

  • 由于constructor属性定义在prototype对象上面,意味着可以被所有实例对象继承
constructor:function Object()
  • 所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的prototype属性指向的那个对象
实例1_proto_指向它的构造函数的prototype对象
对象_proto_ === 构造函数.prototype

二,全局对象Function

  • 全局的Function对象没有自己的属性和方法

  • 因为它本身也是函数,所以它也会通过原型链从Function.prototype上继承部分属性和方法

  • Function是构造函数

可以通过Function函数生成一个新的Function对象
在 JavaScript 中, 每个函数实际上都是一个Function对象

var 函数 = new Function()
  • 构造函数的原型
Function._proto_===Object.prototype

所以函数实例除了自己构造函数prototype对象的属性和方法,还继承Object的prototype的属性和方法

三、全局对象Array

  • 数组是类似列表的对象,在原型中提供了遍历以及改变其中元素的很多方法。
  • 数组的长度及其中元素的类型都是不固定的。
  • 键名是有序的数值,从0开始
  • 构造函数
function Array()
  • 实例对象
var 数组实例 = new Array()
  • 原型
数组实例._proto_===Array.prototype
数组实例._proto_._proto_===Object.prototype

所以,函数是对象,它继承了对象的属性方法

相关文章

  • 浅谈对象、数组、函数的区别

    大部分面向对象的编程语言,都是以“类”(class)作为对象体系的语法基础 JavaScript 语言不是如此,它...

  • 数组指针/指针数组/函数指针/函数指针数组

    原文地址: 浅谈 数组指针 指针数组 函数指针 函数指针数组... 以及它们之间区别。 首先,先说明一个关系:数组...

  • JavaScript中对象数组函数区别及区分

    一、对象、数组、函数区别  javaScript中对象包括狭义对象(object)、数组(array)、函数(fu...

  • 字符串、数组、函数、对象

    字符串 多行字符串 字符串模板 数组 扩展 函数参数的扩展 类数组对象转数组 函数 默认值 以下两种写法的区别? ...

  • 基本类型和对象的区别

    这篇文章主要介绍JS中基本类型与对象之间的区别。 对象包括普通对象,数组以及函数。普通对象是基本类型的混合,同时其...

  • JS对象数组转换

    对象转数组 数组转对象 字符串拼接函数

  • Vue 城市页面渲染

    一、数组去重 1、使用ES6中的 Set 构造函数 (1)new Set( ):类似于数组的对象,区别于它的成员都...

  • TUDU

    遍历数组和对象的区别 for in for of map 数组

  • JS数组以及数组变换

    有关数组 数组对象——一种特殊的对象JS其实没有数组,只使用对象来模拟数组 典型数组和JS数组的区别 典型数组 元...

  • ES6

    let const 解构赋值(数组、对象、字符串、函数) 数组 对象 字符串 函数的参数 Arrow Functi...

网友评论

      本文标题:浅谈对象、数组、函数的区别

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