解释JS中的静态方法、公有方法、私有方法和特权方法

简介: 解释JS中的静态方法、公有方法、私有方法和特权方法

面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象或者函数。

我们首选要了解封装继承多态又有如何特点


封装:


顾名思义来封装变量和函数

封装->特点:高度复用,降低冗余度,更有利于模块化编程,能够为变量函数提供更多的保护


继承:


子类获得父类的属性和方法(成员)的一种方式

继承->方式:属性拷贝(浅拷贝)、属性拷贝(深拷贝)、原型链继承、原型式继承、原型链继承、组合继承


多态:


对于同一个操作(指令),不同的对象表现出不同的反应

多态->特点:代码灵活高,适应性强


在面向对象开发中要了解js面向对象,有时会用一些属性和方法,下面我来讲一下具体的实际用法


创建构造函数


function People() {
  this.name = 'wmui'; // 公有属性
}


构造函数的特点


1.构造函数的首字母必须大写,用来区分于普通函数

2.内部使用的this对象,来指向即将要生成的实例对象

3.使用new来生成实例对象



私有属性和方法


说明:类的构造函数里定义的function,即为私有方法


function People() {
  this.name = 'wmui'; // 公有属性
  let country = '杭州';
  let showCountry = function() {
    return country;
  }
}


私有属性和方法特点


1.私有方法本身是可以访问类内部的所有属性(即私有属性和公有属性)

2.私有方法是不可以在类的外部被调用



特权方法


function People() {
  this.name = 'wmui'; // 公有属性
  this.intro = function() {
    let n = this.sayName(); // 访问公有
    let c = showCountry(); // 访问私有
    console.log(`${n}来自${c}`);
  }
}


特权方法特点



1.特权方法是可以在类的外部被调用的,

2.但是它可以访问类的私有属性,并且也是可以访问类的公有属性,可以勉强的认为它是一种特殊的公有方法。

3.但是它与上面的公有方法的声明与定义方式不同。特权方法必须在类的内部声明定义



静态属性和方法


People.type = 'customObject';
People.getType = function() {
  return 'customObject'
}


静态属性和方法



1.使用静态方法时无需实例化(即无需用new操作符)对象,便可以调用

2.对象实例不能调用对象的静态方法

3.只能调用实例自身的静态属性和方法

4.这里能定义属性是因为函数也是对象, 是 Function 的实例


公有方法



People.prototype.sayName = function() {
  return this.name;
}


公有方法特点



1.任何对象都有一个__proto__属性

2.任何方法都有一个prototype属性和___proto__属性

3.公有方法是可以在类的外部被调用的,

4.但是它不可以访问类的私有属性。

5.公有方法必须在类的内部或者外部通过类的prototype属性添加




创建实列



let p = new People();
p.name = '小羊'
p.intro(); // 小羊来自杭州


使用new操作符时,会自动创建this对象,其类型指向构造函数

用instanceof来检测对象类型,同时每个对象在创建时都自动拥有一个constructor属性,指向其构造函数(字面量形式或Object构造函数创建的对象,指向Object,自定义构造函数创建的对象则指向它的构造函数)


console.log(p instanceof === People); //true
console.log(p.constructor === People); //true


总结:


1.静态属性和方法:对象自身的属性和方法,实例无法访问

2.公有属性和方法:实例继承的属性和方法

3.私有属性和方法:对象外部无法访问的属性和方法

4.特权方法:可以访问私有、公有属性和方法

相关文章
|
13天前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
129 59
|
7天前
|
JavaScript 前端开发 API
javaScript中常用的String方法以及注意点总结
本文总结了JavaScript中常用的String对象的方法及其注意事项,包括大小写转换、字符获取、子字符串截取、字符串拼接、去除空格、替换、分割以及查找字符串中字符的索引等操作。提供了每种方法的使用示例代码,帮助理解它们的具体用法和差异。
20 2
|
6天前
|
JavaScript 前端开发
JavaScript 静态方法
JavaScript 静态方法
12 0
JavaScript 静态方法
|
29天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
24 2
JavaScript基础知识-方法
|
29天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
18 1
JavaScript基础知识-数组的常用方法
|
8天前
|
JavaScript 前端开发
JS之concat方法
本文介绍了JavaScript中`concat`方法的使用,展示了如何利用该方法来合并数组,包括与字符串、数字、对象等类型的拼接,以及使用扩展运算符进行合并的示例。
9 0
JS之concat方法
|
14天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
2月前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
2月前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法
|
13天前
|
JavaScript 前端开发
JavaScript 中的新 Set 方法
JavaScript 中的新 Set 方法