安静100分钟理解js面向对象
时间:2022-05-06
本文章向大家介绍安静100分钟理解js面向对象,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
<script>
window.onload=function(){
//安静100分钟来理清js对象,以及类的生成
//深入理解对象原型与constructor
//1-----------------------------------------
//定义一个对象
function obj(){
}
//对象需要一些共用方法,下面通过原型继承
obj.prototype.name="name";
obj.prototype.say=function(){
console.log("h1");
};
var obj1=new obj();//实例对象
console.log(obj1.name);
obj1.say();
//上面的方法跑起来一切正常,但是还有另一种方法;
//2---------------------------------------------------
function obj2(){
}
//专门定义一个放原型对象里面的属性与方法的对象
//然后在空对象里面添加需要的属性与方法,再赋给真正的原型
var prototype_test={};
prototype_test={
name:"name2",
say:function(){
console.log("h2");
}
}
obj2.prototype=prototype_test;
var obj2=new obj2();//实例对象
console.log(obj2.name);
console.log(obj2.constructor);
obj2.say;
//这样定义的原型对象,好像比较方便,也容易控制,但是这个原型对象的constructor很明显会指向另一个空对象,而不是本身的obj2
//原本原型对象的构造器会指向原型本身的。
//3++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//于是就有意给原型对象,添加一个叫constructor的属性,避免访问构造器的时候,指向那个空对象。
function obj3(){
}
var prototype_test={};
prototype_test={
constructor:obj3,//增加一个属性,指向本身
name:"name2",
say:function(){
console.log("h2");
}
};
obj3.prototype=prototype_test;
var obj3=new obj3();//实例对象
console.log(obj3.constructor);
//这样定义的原型,里面所有的属性与方法都可以被枚举for in
//原本的构造器虽然是对象的属性,但是并不会被枚举,
//4---------------------------------------------
//在高版本浏览器中支持一个重新定义对象的构造器的函数,可以用这个函数给一个对象定义一个指定的构造器
//可以配置是否被被枚举,就像原生的一样。
Object.defineProperty(obj,"constructor",{//需要被指定构造器的对象
enumerable:false,//是否被枚举
value:obj//指定的构造器
})
//5===========================================================
//原型链的动态特征
function obj4(){
}
var obj4=new obj4();
obj4.prototype={
name:"name4"
}
//console.log(obj4.name);//这里打印会报错,因为在原型没有给定属性name的时候,以及实例对象obj4,所以obj4并不会有name这个属性
//6-----------------------------------------
//规范定义类
function obj5(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
}
obj5.prototype={
constructor:obj5,//指向本身的原型构造器
say_name:function(){
console.log(this.name);
}
}
var obj5=new obj5("obj5",33,"none");
obj5.say_name();
//7-------------------------------------------------
//便捷方式,动态模式
//把原型写在函数内部
function obj6(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
if(typeof this.say_name!='function'){
obj6.prototype.say_name=function(){
console.log(this.name);
}
}
}
var obj6=new obj6("obj6",33,"none");
obj6.say_name();
//8---------------------------------------------
//安全模式,对象的闭包
function obj7(name){
var obj=new Object();
var name=name;
obj.say_name=function(){
console.log(name);
}
return obj;
}
var obj7=new obj7("name7");
obj7.say_name();
}
</script>
- Go语言_并发篇
- AttributeError: 'int' object has no attribute 'log'
- makefile在编译的过程中出现“except class name”
- 调参过程中的参数 学习率,权重衰减,冲量(learning_rate , weight_decay , momentum)
- 【Golang语言社区】游戏编程--js开发实现简单贪吃蛇游戏(20行代码)
- mxnet框架样本,使用C++接口
- faster-rcnn中ROI_POOIING层的解读
- RNN的简单的推导演算公式(BPTT)
- Golang语言为结构体排序
- 【Golana语言社区】window应该开发之--cmd杀进程
- 【Golang语言社区】GO语言启动exe文件并传递参数
- interface引发的事件真相
- go语言实现http服务端与客户端
- 评估一个预测模型性能通常都有那些指标
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 张东升,我知道是你!如何使用GAN做一个秃头生产器
- Roslyn 在 NuGet 包中放注释 xml 文件的方法
- OpenCV3 图像的加载、修改、显示与保存
- 打卡群刷题总结0727——搜索旋转排序数组 II
- dotnet 的 TaskCompletionSource 的 TrySetResult 是线程安全
- OpenCV 摄像头与视频读取并显示
- OpenCV 边缘检测
- Spring Boot 集成 WebSocket 实现服务端推送消息到客户端
- OpenCV 绘制图形
- OpenCV 图片缩放
- AI树莓派——构建树莓派大脑(NCNN环境搭建)
- PC人脸识别登录,出乎意料的简单
- TensorLayer学习之简介与安装
- JVM系列之:String.intern的性能
- 神经网络架构搜索——可微分搜索(DARTS)