JavaScript学习笔记(二十一)构造函数

// 字面量方式创建对象
var o1 = {
 name: 'Jack',
 age: 18,
 gender: '男'
}
​
// 再来一个
var o2 = {}
o2.name = 'Rose'
o2.age = 20
o2.gender = '女'

使用工厂函数的方式创建对象
  • 先书写一个工厂函数
  • 这个工厂函数里面可以创造出一个对象,并且给对象添加一些属性,还能把对象返回
  • 使用这个工厂函数创造对象
// 1. 先创建一个工厂函数
function createObj() {
  // 手动创建一个对象
  var obj = new Object()

  // 手动的向对象中添加成员
  obj.name = 'Jack'
  obj.age = 18
  obj.gender = '男'

  // 手动返回一个对象
  return obj
}

// 2. 使用这个工厂函数创建对象
var o1 = createObj()
var o2 = createObj()

使用自定义构造函数创建对象
  • 工厂函数需要经历三个步骤
    • 手动创建对象
    • 手动添加成员
    • 手动返回对象
  • 构造函数会比工厂函数简单一下
    • 自动创建对象
    • 手动添加成员
    • 自动返回对象
  • 先书写一个构造函数
  • 在构造函数内向对象添加一些成员
  • 使用这个构造函数创造一个对象(和 new 连用)
  • 构造函数可以创建对象,并且创建一个带有属性和方法的对象
  • 面向对象就是要想办法找到一个有属性和方法的对象
  • 面向对象就是我们自己制造 构造函数 的过程
// 1. 先创造一个构造函数
function Person(name, gender) {
 this.age = 18
 this.name = name
 this.gender = gender
}
​
// 2. 使用构造函数创建对象
var p1 = new Person('Jack', 'man')
var p2 = new Person('Rose', 'woman')

构造函数详解

  • 我们了解了对象的创建方式
  • 我们的面向对象就是要么能直接得到一个对象
  • 要么就弄出一个能创造对象的东西,我们自己创造对象
  • 我们的构造函数就能创造对象,所以接下来我们就详细聊聊 构造函数
构造函数的基本使用
  • 和普通函数一样,只不过 调用的时候要和 new 连用,不然就是一个普通函数调用
function Person() {}
var o1 = new Person()  // 能得到一个空对象
var o2 = Person()      // 什么也得不到,这个就是普通函数调用

  • 注意: 不写 new 的时候就是普通函数调用,没有创造对象的能力
  • 首字母大写
function person() {}
var o1 = new person() // 能得到一个对象
​
function Person() {}
var o2 = new Person() // 能得到一个对象

    • 注意: 首字母不大写,只要和 new 连用,就有创造对象的能力
  • 当调用的时候如果不需要传递参数可以不写 (),建议都写上
function Person() {}
var o1 = new Person()  // 能得到一个空对象
var o2 = new Person // 能得到一个空对象 

  • 注意: 如果不需要传递参数,那么可以不写 (),如果传递参数就必须写
  • 构造函数内部的 this,由于和 new 连用的关系,是指向当前实例对象的
function Person() {
 console.log(this)
}
var o1 = new Person()  // 本次调用的时候,this => o1
var o2 = new Person()  // 本次调用的时候,this => o2

    • 注意: 每次 new 的时候,函数内部的 this 都是指向当前这次的实例化对
  • 因为构造函数会自动返回一个对象,所以构造函数内部不要写 return
    • 你如果 return 一个基本数据类型,那么写了没有意义
    • 如果你 return 一个引用数据类型,那么构造函数本身的意义就没有了

使用构造函数创建一个对象

  • 我们在使用构造函数的时候,可以通过一些代码和内容来向当前的对象中添加一些内容
function Person() {
  this.name = 'Jack'
  this.age = 18
}

var o1 = new Person()
var o2 = new Person()

    • 我们得到的两个对象里面都有自己的成员 name 和 age
  • 我们在写构造函数的时候,是不是也可以添加一些方法进去呢?
function Person() {
  this.name = 'Jack'
  this.age = 18
  this.sayHi = function () {
    console.log('hello constructor')
  }
}

var o1 = new Person()
var o2 = new Person()

    • 显然是可以的,我们的到的两个对象中都有 sayHi 这个函数
      • 也都可以正常调用
  • 但是这样好不好呢?缺点在哪里?
function Person() {
  this.name = 'Jack'
  this.age = 18
  this.sayHi = function () {
    console.log('hello constructor')
  }



还有兄弟不知道网络安全面试可以提前刷题吗?费时一周整理的160+网络安全面试题,金九银十,做网络安全面试里的显眼包!


王岚嵚工程师面试题(附答案),只能帮兄弟们到这儿了!如果你能答对70%,找一个安全工作,问题不大。


对于有1-3年工作经验,想要跳槽的朋友来说,也是很好的温习资料!


【完整版领取方式在文末!!】


***93道网络安全面试题***


![](https://img-blog.csdnimg.cn/img_convert/6679c89ccd849f9504c48bb02882ef8d.png)








![](https://img-blog.csdnimg.cn/img_convert/07ce1a919614bde78921fb2f8ddf0c2f.png)





![](https://img-blog.csdnimg.cn/img_convert/44238619c3ba2d672b5b8dc4a529b01d.png)





内容实在太多,不一一截图了


### 黑客学习资源推荐


最后给大家分享一份全套的网络安全学习资料,给那些想学习 网络安全的小伙伴们一点帮助!


对于从来没有接触过网络安全的同学,我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线,大家跟着这个大的方向学习准没问题。


😝朋友们如果有需要的话,可以联系领取~

#### 1️⃣零基础入门


##### ① 学习路线


对于从来没有接触过网络安全的同学,我们帮你准备了详细的**学习成长路线图**。可以说是**最科学最系统的学习路线**,大家跟着这个大的方向学习准没问题。


![image](https://img-blog.csdnimg.cn/img_convert/acb3c4714e29498573a58a3c79c775da.gif#pic_center)


##### ② 路线对应学习视频


同时每个成长路线对应的板块都有配套的视频提供:


![image-20231025112050764](https://img-blog.csdnimg.cn/874ad4fd3dbe4f6bb3bff17885655014.png#pic_center)


#### 2️⃣视频配套工具&国内外网安书籍、文档


##### ① 工具


![](https://img-blog.csdnimg.cn/img_convert/d3f08d9a26927e48b1332a38401b3369.png#pic_center)


##### ② 视频


![image1](https://img-blog.csdnimg.cn/img_convert/f18acc028dc224b7ace77f2e260ba222.png#pic_center)


##### ③ 书籍


![image2](https://img-blog.csdnimg.cn/img_convert/769b7e13b39771b3a6e4397753dab12e.png#pic_center)

资源较为敏感,未展示全面,需要的最下面获取

![在这里插入图片描述](https://img-blog.csdnimg.cn/e4f9ac066e8c485f8407a99619f9c5b5.png#pic_center)![在这里插入图片描述](https://img-blog.csdnimg.cn/111f5462e7df433b981dc2430bb9ad39.png#pic_center)


##### ② 简历模板


![在这里插入图片描述](https://img-blog.csdnimg.cn/504b8be96bfa4dfb8befc2af49aabfa2.png#pic_center)

 **因篇幅有限,资料较为敏感仅展示部分资料,添加上方即可获取👆**

  



  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值