老生常谈Javascript中的原型和this指针


Posted in Javascript onOctober 09, 2016

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 相关文章推荐
jquery remove方法应用详解
Nov 22 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 Javascript
js表头排序实现方法
Jan 16 Javascript
基于jQuery实现的旋转彩圈实例
Jun 26 Javascript
AngularJS单选框及多选框实现双向动态绑定
Jan 13 Javascript
js+html5操作sqlite数据库的方法
Feb 02 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 #Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 #Javascript
javascript汉字拼音互转的简单实例
Oct 09 #Javascript
Javascript农历与公历相互转换的简单实例
Oct 09 #Javascript
Angularjs 创建可复用组件实例代码
Oct 09 #Javascript
Boostrap实现的登录界面实例代码
Oct 09 #Javascript
深入理解bootstrap框架之第二章整体架构
Oct 09 #Javascript
You might like
PHP生成带有雪花背景的验证码
2006/10/09 PHP
php数组键值用法实例分析
2015/02/27 PHP
Symfony的安装和配置方法
2016/03/17 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
JavaScript库 开发规则
2009/01/31 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
js 鼠标移动显示图片的简单实例
2013/12/25 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
ajax jquery实现页面某一个div的刷新效果
2021/03/04 jQuery
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
python生成IP段的方法
2015/07/07 Python
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
python实现梯度下降法
2020/03/24 Python
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
毕业生找工作推荐信
2013/11/21 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
美术教师求职信范文
2015/03/20 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
python基础之匿名函数详解
2021/04/21 Python
python开发实时可视化仪表盘的示例
2021/05/07 Python
Tomcat配置访问日志和线程数
2022/05/06 Servers