老生常谈Javascript中的原型和this指针
2019/6/27 21:43:44
本文主要是介绍老生常谈Javascript中的原型和this指针,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、Javascript中的原型:
原型prototype是Javascript中特有的一个概念。通过原型,Javascript可以实现继承机制。
Javascript本身是基于原型的,每一个对象都有一个prototype属性。而Object对象的prototype属性为null。
下面来看一个使用原型实现继承的例子:
1.1使用原型实现继承:
function Person(name){ this.name = name; this.getName = function(){ return this.name; } } function Artist(type){ this.type = type; this.getType = function(){ return this.type; } } Artist.prototype = new Person("arthinking"); var artist = new Artist("Guitar"); alert(artist.getType()); //本身就有type属性 alert(artist.getName()); //从Person原型链上继承到的属性和方法
2、this指针:
Javascript中的this指针与传统的面向对象中的有些不同。传统的面向对象中this指针在类中声明的,表示对象本身。
Javascript中this表示当前上下文,即调用者的引用。Javascript中this代表的对象不是根据函数的声明而确定的,而是根据的调用而确定的。下面展示了一个函数中的this使用call指定具体代表的对象:
var test1 = { name : "test1" } var test2 = { name : "test2" } function getName(){ return this.name; //this根据传调用该函数的上下文来确定的,定义该函数时,this指针并不确定 } alert(getName.call(test1));
这里的call是Function的一个函数。
以上就是小编为大家带来的老生常谈Javascript中的原型和this指针全部内容了,希望大家多多支持找一找教程网~
这篇关于老生常谈Javascript中的原型和this指针的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist