JavaScript中公有、私有、静态、受保护的属性和方法

更新日期: 2018-03-20阅读量: 2533标签: js知识

在开发中,我们需要限制某些属性和方法的暴露程度,使得它们不能通过对象实例本身被访问、修改或调用。要了解js面向对象,就必需先了解js中什么是公有、私有、静态、受保护。

私有:是指属性和方法不能再new对象中读写;
静态:无需实例化就可以调用的方法就叫静态方法;
受保护:不能直接读写,只能通过一个包装方法对其进行操作;


js的公有、私有属性和方法:

function Obj(){
    this.name='fly63';//公有属性
    var age=1;//私有属性
    this.fun=function(){//公有方法
        console.log(this.name+age);//age只能在构造函数内部访问
        test();
    }
    function test(){//私有方法,只能内部调用
        console.log(this.name+age);//这里的this.name获取不到的
    }
}
Obj.prototype.getName = function(){//公有方法
  return this.name;
}

var m=new Obj();
console.log(m.name);//fly63
console.log(m.getName());//fly63

console.log(m.age);//undefined
m.fun();//fly631 1
m.test();//报错:m.test is not a function

可以看出:

1、构造函数内部通过this声明的属性就是公有属性,通过var声明的就是私有属性。

2、所有定义在原型上方法都是“公有”的。


js的静态属性和方法:

在js中,不需要实例化,即不用new操作符实化对象,就可调用对象的方法和属性。

function Obj(){} 
Obj.age = 1;//静态属性 
Obj.myname = 'fly63'; //这里不能用name作为属性明,否则会被默认返回对象名称Obj
Obj.getName =function(){//静态方法 
   return this.myname;//如果这里使用this.name,返回的将是User,所有改用了myname, 
} 

console.log(Obj.name);//输出Obj,这里就是为什么静态属性不能使用name作为属性名的原因
console.log(Obj.age);//输出1
console.log(Obj.getName());//输出fly63


js受保护的属性:

收保护的用于不能直接读写,只能通过一个包装方法对其进行操作,在js中把收保护的模拟成私有属性,通过公用方法进行读取操作,该公用方法我们可以把它称呼为特权方法。这样就实现了保护的目的,如下:

function Obj(name,age){
  var name = name,age = age;////私有属性
  this.getName = function(){ //特权方法
     return name;//私有属性和方法不能使用this调用
  }
  this.setName=function(newname){
        name=newname;
   }
}
var m = new Obj('fly63',26);
m.setName('fly63.com')
console.log(m.getName());//fly63.com


以上所述就是本文的全部内容了,希望大家能够喜欢。  


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/523

js dom是什么?_JS中的DOM知识概览

JS中的DOM知识概览:文档对象模型,是针对 HTML 和 XML 文档的一个 API (应用程序编程接口), 描绘了一个层次化的节点树。 web 浏览器浏览一个页面的时候,DOM 就在幕后把你编辑的网页文档转换成一个文档对象。

avaScript与WebAssembly进行比较+在哪些情况下会优于JavaScript

这是专门探索JavaScript及其构建组件的系列,在识别和描述核心元素的过程中,我们还分享了构建SessionStack时使用的一些经验法则,这是一个轻量级但健壮且高性能的JavaScript应用程序,以帮助用户实时查看和重现其Web应用程序的缺陷。

原生js实现数组随机排列(数组乱序)的方法.【快速洗牌算法】

在开发中遇到这样的问题,需要将一组已知数组的顺序打乱,按照以前和现在的做法,总结了以下方法。

window.location.href的用法(动态输出跳转)

javascript中的location.href有很多种用法,window.location.href 语句可以实现一个框架的页面在执行服务器端代码后刷新另一个框架的页面

一眼看穿JS变量,作用域和内存问题

这篇文章将梳理下环境,作用域链,变量对象和活动对象,以及内存管理问题。基本类型和引用类型的值,我们都知道JS中的数据类型有两大类,基本数据类型和引用数据类型,下面从三个方面来解剖他们

javascript中的依赖注入

使用没有依赖的模块,显然这是很难实现的。即使你创建了很好的像黑盒一样的组件,但总有个将所有部分合并起来的地方。这就是依赖注入起作用的地方,当前来看,高效管理依赖的能力是迫切需要的,本文总结了原作者对这个问题的看法。

js中offset、scroll、event、client的区别和使用

用一句话概述:offset用于获取元素的实际显示尺寸 , scroll用于获取滚动后全部尺寸 , client用于获取不包括滚动条的实际显示尺寸,event用于获取鼠标的坐标位置。下面就详细介绍它们之间的使用和区别

js中return关键词的作用_return的用法详解

return从字面意思来看就是返回,官方定义return语句将终止当前函数并可以返回当前函数的值; 也就是说return后面可以跟一个value,也就是说可以跟javascript中的任何数据类型

js判断日期是否为今天

需求如下:后端返回字符串数据,需要前端判断该日期是否为今天。比如返回日期格式为:2018-08-14,那么需要如何来实现呢,这篇文章整理实现的几种方式供大家参考。

原生js判断当前页面是否为激活状态【判断用户是否在浏览当前页面】

但浏览器打开多个网页时候,如何判断我这个页面是否正在被用户浏览呢?我们可以通过document.hidden属性判断当前页面是否是激活状态。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!