<script type="text/javascript">
<%-- 1.1 类
在JavaScript中, 定义一个普通函数,就相当于其他语言中 类相同的功能
不同点在于, js中对象是如何通过 函数被创建出来的
--%>
$(function () {
//创建类
function Accommodation() {};
//创建对象 new关键字
let house = new Accommodation();
let apartment = new Accommodation();
//1.2 构造器: 可以通过对象constructor属性查看 构造函数
console.log(house.constructor === Accommodation);
//通过关键字instanceof,检测对象是否是某个类的实例
console.log(apartment instanceof Accommodation);
//通过constructor属性创建对象 -- 不是很常用
let house2 = new house.constructor();
//1.3 通过原型对象 添加属性 和方法
//每个对象, 都有一个叫prototype的属性, 这个属性指向一个对象, 即原型对象, 对象.__proto__;
//同一个类的所有实例都可以访问该原型对象
//Object类的原型, 是所有原型链的源头, 找到Object类原型就会停止
//1).单个添加: js类添加属性 和方法
/**Accommodation.prototype.floors = 0;
Accommodation.prototype.rooms = 0;
Accommodation.prototype.sharedEntrance = false;
Accommodation.prototype.lock = function () {console.log("lock上锁")};
Accommodation.prototype.unlock = function () {console.log("unlock开锁")};
//更改对象的属性值
house.floors = 2;
//读取实例对象属性值
console.log(house.floors);
//调用对象实例的方法
house.lock(); */
//2).通过对象直接量 为构造器 添加属性和方法
Accommodation.prototype = {
floors: 0,
rooms: 0,
sharedEntrance: false,
lock: function() {console.log("lock上锁")},
unlock: function() {console.log("unlock开锁")}
};
//上述添加方法,必须在对象实例之前, 不然方法调用undefined
let house3 = new Accommodation();
//更改对象的属性值
house3.floors = 2;
//读取实例对象属性值
console.log(house3.floors);
//调用对象实例的方法
house3.lock();
//prototype属性单个赋值 有一个强大特性,允许在对象实例之后在 给对象动态添加属性和方法
Accommodation.prototype.alarm = function () {console.log("房子里面有个闹钟")};
house3.alarm();
});
</script>
4.1 JS中类的概念 - 函数
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 一.继承和派生 1.概念: 基类(父类):原有的类 派生类(子类):基于基类新建立的类 派生(类的派生):在原有类...