二. 初步认识JS中的类和对象

2023-06-07 0 856

1 缺省的表述

在JS中, 没类(class)的基本概念, 主要就是透过缺省来演示的.

句法
function 缺省名 () { // 表达式体 }
采用functionURL则表示表述两个缺省缺省名通常首字母小写实例
function Person() { }

透过以内形式就能表述两个Person缺省, 相等于表述好了两个Person类

2-1缺省的表述

2 缺省的促进作用

1) 透过缺省实例化第一类

在JS中, 他们透过缺省(类)来实例化第一类

句法
new 缺省名()
实例
// 一. 表述两个缺省 function Person() { } // 二. 实例化两个第一类, 表达式给表达式p var p = new Person(); console.log(typeof p); // object

以内代码

透过newURL, 产生了两个第一类, 并表达式给表达式p透过typeof p测试表达式p的类型为object, 说明p是两个第一类
2-2透过缺省实例化第一类

2) 在缺省中表述属性

缺省规定了由该类实例化出来的第一类应该包含哪些属性

比如, 由学生类实例化出来的学生第一类都应该有姓名, 年龄这些属性

function Student () { this.uname = null; this.age = null; }

在缺省的内部, 他们透过this.属性名的形式来表述属性

在这里, 大家先把这个看作固定写法, 后面他们再具体分析

缺省虽然能规定实例第一类应该包含哪些属性, 但是并不能确定实例第一类的属性值

比如 人类都应该有名字这个属性, 但是具体叫什么名字, 只有在两个人出生的时候才去确定

因此, 在实例化第一类的时候, 需要将具体的数据传递给缺省

// 一. 表述两个学生类 function Student(n, a) { this.uname = n; this.age = a; } // 二. 实例化第一类 var stu = new Student(xiaoming, 20);

重要结论

缺省主要就完成属性的初始化!!!
2-3在缺省中表述属性
练习

一. 透过缺省Phone表述两个手机类, 包含型号(type), 价格(price), 颜色(color), 屏幕大小(size)

二. 实例化两个第一类

两个iphone第一类, 型号: iphoneX, 价格: 6999, 颜色: 土豪金, 屏幕大小: 5.8英寸两个huawei第一类, 型号:p30 pro, 价格: 5988, 颜色: 极光蓝, 屏幕大小: 6.1英寸参考答案
// 一. 表述手机类 function Phone(type, price, color, size) { // 属性 this.type = type; this.price = price; this.color = color; this.size = size; } // 二. 实例化第一类 var iphone = new Phone(iphoneX, 6999, 土豪金, 5.8英寸); var huawei = new Phone(p30 pro, 5988, 极光蓝, 6.1英寸);
作业

一.透过缺省Hero表述两个英雄类, 包含血量(HP), 类型(type), 攻击力(attack)

二.实例化两个第一类

两个lianpo第一类, 血量:700, 类型: 力量型, 攻击力: 70两个houyi第一类, 血量:300, 类型: 射手, 攻击力: 130

3 小结

透过缺省表述类(规定应该包含哪些属性名)透过new实例化第一类(在实例化时, 确定属性值)缺省主要就完成属性的初始化

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务