JavaScript对象原型链原理详解

 更新时间:2020年02月05日 08:42:51   作者:罗毅豪  
这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

一个js对象,除了自己设置的属性外,还会自动生成proto、class、extensible属性,其中,proto属性指向对象的原型。

对象的属性也有writable、enumerable、configurable、value和get/set的配置方法。

对象的创建方式有三种:

一、使用字面量直接创建。

二、基于原型链创建。

分析上图,要点如下:

1.可以new运算符新建对象,foo为自定义函数,即是对象。

2.可以设置foo.prototype上的属性。

3.变量z在原型链上,为foo.prototype的属性,并非obj的自有属性。

4.原型链为obj->foo.prototype->Object.prototype->null。

分析上图,要点如下:

1.若定义与原型链上同名的变量,则不会覆盖原型链上的变量,而是在对象本身新增副本。

2.delete运算符不会影响原型链上已有的变量,只会删除对象自身的属性。

三、使用Object.create创建。

分析上图,要点如下:

1.Object.create是基于传入的参数产生新的对象,并且入参会成为其原型链上的一部分。

2.Object.create(null)创建的对象直接指向null。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript实现替换字符串中最后一个字符的方法

    JavaScript实现替换字符串中最后一个字符的方法

    这篇文章主要介绍了JavaScript实现替换字符串中最后一个字符的方法,涉及javascript字符串的转换与运算相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • QRCode.js二维码生成并能长按识别

    QRCode.js二维码生成并能长按识别

    这篇文章主要为大家详细介绍了QRCode.js二维码生成并能长按识别,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • js实现按钮控制带有停顿效果的图片滚动

    js实现按钮控制带有停顿效果的图片滚动

    这篇文章主要介绍了js实现按钮控制带有停顿效果的图片滚动,,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 一篇文章让你轻松记住js的隐式转化

    一篇文章让你轻松记住js的隐式转化

    这篇文章主要给大家介绍了如何通过一篇文章让你轻松记住js的隐式转化的相关资料,通过在各种情况下发生的隐式类型的例子,来详细的了解隐式类型转换的过程,需要的朋友可以参考下
    2022-01-01
  • 测试JavaScript字符串处理性能的代码

    测试JavaScript字符串处理性能的代码

    主要是测试了数组 push()方法与直接相加这两种在JS引擎上性能的实际处理情况。程序代码简单明了,没什么好解释的。
    2009-12-12
  • js+css实现红包雨效果

    js+css实现红包雨效果

    这篇文章主要为大家详细介绍了js+css实现红包雨效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • javascript 实现动态侧边栏实例详解

    javascript 实现动态侧边栏实例详解

    这篇文章主要介绍了javascript 实现动态侧边栏实例详解的相关资料,并附实例代码,帮助大家学习理解,需要的朋友可以参考下
    2016-11-11
  • 微信小程序Echarts图表组件使用方法详解

    微信小程序Echarts图表组件使用方法详解

    这篇文章主要介绍了微信小程序Echarts图表组件使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
    2019-06-06
  • JavaScript数组操作之旋转二维数组

    JavaScript数组操作之旋转二维数组

    这篇文章主要介绍了JavaScript数组操作之旋转二维数组,主要从两个方面展开文章介绍,一是通过对数组的操作熟练度;二是(镜像反转)比实现一更优,减少了空间复杂度,内容介绍具有一定的参考价值,需要的小伙伴可以参考一下
    2022-04-04
  • javascript结合canvas实现图片旋转效果

    javascript结合canvas实现图片旋转效果

    图片的旋转可以说是一种效果,但是逐渐旋转已经不单单是属于视觉效果那个范畴,其更具有使用性,功能性。照片有时候是需要横过来的拍的,当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成,然后再将旋转到正常角度的图片发布到web上。
    2015-05-05

最新评论