this.name = ‘Jack’
}
// Person.prototype 原型 上的方法
Person.prototype = {
a: function () {
console.log(‘我是一个a方法’)
},
b: function () { },
// …
}
var p = new Person()
console.log§
console.log(p.name)// Jack
p.a()// 我是一个a方法
- 实例对象 p
-
上面代码通过new命令,让构造函数
Person
生成一个实例对象
,保存在变量p
中。 -
这个新生成的实例对象,从构造函数
Person
得到了name
属性和Person.prototype
上的方法。 -
new命令执行时,构造函数内部的
this
,就代表了新生成的实例对象
,this.name
表示实例对象有一个name
属性,值是Jack
。实例对象的a方法就是原型上的_proto_: a: f( )
,console.log(我是一个a方法)
1. 构造函数的特点
-
一个构造函数可以使用 new 关键字来创造出若干的实例。
-
每一个实例都可以使用这个构造函数的属性和方法。
2. 构造函数的创建
-
属性写在构造函数体内
-
方法写在构造函数的原型上
-
方法不是不能写在构造函数体内
如果你写在构造函数体内,每次 new 的时候会创建一个函数空间,最后就会有若干个一摸一样的函数空间出现,浪费内存空间。
3.构造函数的特殊情况
-
构造函数体内如果 return 返回值一个基本数据类型, 与new 关键字连用的时候, 得不到你 return 的基本数据类型。
-
构造函数体内如果 return 返回值是一个复杂数据类型, 构造函数无法创建一个实例对象,不管是否与new关键字连用。 得到的都是 return 的 复杂数据类型。
function Person() {
this.name = ‘Jack’
this.age = 18
this.gender = ‘男’
// return 1
// return [1, 2, 3]
}
Person.prototype = {
a() { },
b() { },
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
Vue
-
什么是MVVM?
-
mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?
-
组件之间的传值?
-
Vue 双向绑定原理
-
描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
-
虚拟 DOM 实现原理
-
Vue 中 key 值的作用?
-
Vue 的生命周期
-
Vue 组件间通信有哪些方式?
-
vue 中怎么重置 data?
-
组件中写 name 选项有什么作用?
-
Vue 的 nextTick 的原理是什么?
-
Vuex 有哪几种属性?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】