自学内容网 自学内容网

2024大二上js高级+ES6学习9.21(构造函数,原型,类,新增方法)

9.21

1.学习构造函数和原型

Star是一个构造函数

构造函数中的属性和方法称为成员:成员包含实例成员和静态成员

实例成员不可以通过构造函数访问,静态成员不能通过实例化的对象访问

Ldh就是一个实例化的对象

原型prototype是一个对象,因此原型也称为原型对象

原型的作用是共享方法

  • 使用 console.log 来输出简单的文本信息或者将多个变量的值拼接成一条信息输出。
  • 使用 console.dir 来详细查看和调试 DOM 元素的属性或 JavaScript 对象的结构。

__proto__是实例化对象中的一个属性,它能指向构造函数的原型对象prototype

在构造函数中,this指向对象实例ldh

可以利用原型对象扩展内置对象的方法,但是直接在原型上添加会有一定的风险

2.学习继承

现在将fn的this指向改为o,1和2是实参

利用父构造函数继承属性,用call方法将Father构造函数的this指向改为指向子实例对象

3.学习类的本质

4.学习数组新增迭代(遍历)方法

Filter方法返回的是一个新数组,它不会影响原来的数组

Some方法返回的是布尔值

Some和foreach的区别:foreach中的return不会终止迭代;some遇到return true就会终止遍历,一定要return true,不然会一直遍历下去

5.学习字符串新增方法

Trim方法返回的是一个新字符串,不影响原字符串

能解决页面表达式出现的一些bUg

6.学习新增对象方法

Object.defineProperty

给obj这个对象新增一个叫num的属性,属性的值为1000

如果属性的enumerble值是false,那么该属性不能被Object.keys获取(注意是通过defineproperty这个方法定义或修改的属性才有)

Configurable同理(注意属性和特性的区别,特性是指descriptor

删除对象的属性用delete

Object.keys用用于获取对象自身的所有属性,返回值是一个数组,数组的元素就是对象的属性名


原文地址:https://blog.csdn.net/2401_84827689/article/details/142419471

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!