js基础之面向对象

yx25900

已于 2023-10-08 21:54:35 修改

阅读量30

点赞数

文章标签： java javascript 开发语言

于 2023-10-08 21:53:54 首次发布

本文链接：https://blog.csdn.net/yx25900/article/details/133669895

版权

本文介绍了面向对象编程的基本概念，包括类的定义、属性（实例属性和静态属性）、方法（实例方法和静态方法）、构造函数、封装、继承（包括extend和重写方法）、原型对象、原型链、以及instanceof、in和hasOwn等关键概念的应用。

摘要由CSDN通过智能技术生成

三,面向对象

1.面向对象的概念,将具体的东西抽象化,就成了对象,然后对对象操作

2.类

类的概念

-类是对象模板,能放属性和方法,然后通过类来创建对象
-由同一个类创建的对象,称为同类对象
-a对象是由b类创建的,a对象就是b类的实例化

instanceof

-检查是一个对象是否由某个类创建

-对象名 instanceof 类名

创建类语法

-class 类名 {xxx} (类名用大驼峰)

- const 类名 = class {xxx}

用类创建对象

-new 类名()

3.类的属性

类的代码块，默认就是严格模式，
类的代码块是用来设置对象的属性的，不是什么代码都能写

实例属性 :属性名:属性值
-只能通过实例访问对象名.属性名

静态属性:static 属性名=属性值
-只能通过类访问类名.属性名

4.类的方法
实例方法方法名=function(){语句...}

-只能通过实例访问对象名.方法名()

静态方法 static 方法名(){ 语句...}

- 只能通过类访问类名.方法名()

5. 构造函数

类中定义的特殊方法 constructor
new 类的时候就会调用构造函数

可以在构造函数中为实例属性赋值,实现动态设置

class Person {
			constructor(name, age) {
				this.name = name
				this.age = age
                //this.name 代表的是对象的属性
                //第二个name 代表的是形式参数
			}
		}
		const aa = new Person('孙悟空',18)

6.封装

对象不仅存储数据(装),还要负责数据的安全(封),让数据不能随意修改

保护数据的安全

1.私有化数据

将需要保护的数据设置私有,只能在类内部使用

先声明私有,再访问

私有的数据前面加#

2.提供setter和getter方法来开发对数据的操作

能够控制属性的读写属性(只想读,就设置一个get方法就好)

可以在方法中对属性的值进行验证(可以在set方法中,设置set传递值的的类型等)

get 属性名(){

return this.#属性名

}

set 属性名(参数){

this.#属性 = 参数

}

<script>
		class Person {
			//1.私有化数据
				//1)声明私有化数据 #属性名
			#name
			#age
			#gander
			constructor(name, age, gander) {
				//2.调用私有化数据
				this.#name = name
				this.#age = age
				this.#gander = gander
			}
			//2.开发私有化数据
				//1)get方法,读取属性 写get和set方式比较老
				getAge(){
					return this.#age
				}
				//2)set方法,设置属性
				setAge(age){
					this.#age = age
				}
				//3)set和get新方法 
				set gendr(gander){
					 this.#gander=gander
				}
				get gendr(){
					return this.#gander
				}
		}
		const aa = new Person('孙悟空',18,'男')
		aa.getAge()
		aa.setAge(-11)
		aa.gendr='hh'
		console.log(aa);

	</script>

7.多态

要调用某个函数，无需指定的类型，只要对象满足某些条件即可

如果一个东西走路像鸭子,叫起来像鸭子,那么它就是鸭子,不会去纠结原本是人还是其他别的东西

作用:更加灵活

8.继承之extend

用extends关键字来完成继承, b extends A

将A 中的代码复制到 b中了,A被继承,称为父类(超类),b继承,称为子类

作用:减少重复代码,在不修改一个类的前提下能够扩展

9.三大特性

        封装:安全性
        继承:扩展性
        多态:灵活性

10.继承之重写方法

继承:在不修改一个类的情况下,对其进行扩展

1. 继承后重写方法:创建同名方法来重写

2.继承后重写构造函数，在构造函数第一行必须写 super()

3.继承后调用父类的方法 super.父类中的方法

<script>
		// 继承
		class Animal {
			constructor(name) {
				this.name = name
			}
			sayHello() {
				console.log('动物叫');
			}
		}
		class Cat extends Animal {
			//1.继承后重写方法:创建同名方法来重写
			sayHello() {
				console.log('喵喵喵');
			
			//3.继承后调用父类的方法
			super.sayHello()
			}
		}

		class Dog extends Animal {
			//2.继承后重写构造函数
			/* 	constructor() {
				super()   重写构造函数,第一行必须写super(),调用父类的构造函数
					不写,那不就说父类的构造函数没有,那父类就不会实例化,就没有对象
			 */
			constructor(name,age) {
			super(name)
				this.age = age
			}
		}

		const cat = new Cat('汤姆')
		const dog = new Dog('旺财',18)
		cat.sayHello()
		console.log(cat);
		console.log('----------');
		dog.sayHello()
		console.log(dog);
	</script>

11.对象的结构

对象中存储数据的区域实际有2个