javascript链式的简单介绍

js原型和原型链的理解是什么?

讲原型和原型链,如果是讲定义,那很是晦涩难懂,今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。

创新互联专注于栾城网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供栾城营销型网站建设,栾城网站制作、栾城网页设计、栾城网站官网定制、小程序定制开发服务,打造栾城网络公司原创品牌,更为您提供栾城网站排名全网营销落地服务。

1,比如我们还要针对学生统计每个人的总分是多少,我们改造构造函数Person,构造函数上有个 prototype属性,这个属性就是这个构造函数的原型(显式原型),这个原型是函数特有,prototype对象默认有两个属性,constructor属性和__proto__属性。

2,constructor,这个属性包含了一个指针,指回原构造函数。通过控制台输出,我们可以看到我们实例化的对象,有个__proto__属性,这个属性就是隐式原型,这个__proto__是所有对象都有的属性。

3,由于JavaScript的一切都是对象(除undefined),又由于所有对象都有__proto__属性,__proto__又指向构造函数的prototype,当我们访问一个对象的属性时。

4,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样 一直找下去,也就是我们平时所说的原型链的概念。原型链,说明是链式,而不是环,说明有终点,它的终点是null。

js链式调用怎么理解

//如果我定义如下一个对象

var a = {

fun1 : function(){

console.log("fun1");

return a;

},

fun2 : function(){

console.log("fun2");

return a;

},

fun3 : function(){

console.log("fun3");

return a;    

}

}

那么,我调用的时候就可以链式调用了

a.fun1().fun2().fun3();

js中可选链操作符——?.

可选链 操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。 ?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空( nullish ) ( null 或者 undefined ) 的情况下不会引起错误,该表达式短路返回值是 undefined 。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined 。

当尝试访问可能不存在的对象属性时,可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时,如果不能确定哪些属性必定存在,可选链操作符也是很有帮助的。

为了避免报错,在访问obj.first.second之前,要保证 obj.first 的值既不是 null,也不是 undefined。如果只是直接访问 obj.first.second,而不对 obj.first 进行校验,则有可能抛出错误。

有了可选链操作符(?.),在访问 obj.first.second 之前,不再需要明确地校验 obj.first 的状态,再并用短路计算获取最终结果:

摘自: 可选链操作符

js 链式调用如何做

function Person(){

this.type = 'person';

this.say =function(msg){

console.log('person say:'+msg);

return this;                // 这行是关键,需要返回此实例对象,因此执行此方法后返回实例对象,所以可以直接调用实例对象上的方法,即为链式效应

}

}

var p = new Person();

//链式调用

p.say('hello').say('world').say('so easy')


分享题目:javascript链式的简单介绍
文章位置:http://bzwzjz.com/article/dsdiojo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 攀枝花网站设计 重庆电商网站建设 成都模版网站建设 成都网站建设 企业网站设计 成都网站建设 成都网站设计 成都网站设计 成都h5网站建设 重庆网站制作 网站设计制作 成都品牌网站设计 app网站建设 成都网站建设 成都网站建设 成都网站建设 专业网站建设 网站建设 成都企业网站建设公司 成都营销网站制作 教育网站设计方案 外贸网站建设