当前位置:首页 > H5 > 正文内容

javascript使用原型为内置对象增加方法

高老师8年前 (2017-10-07)H51953
//字面量的形式创建原型对象
/*
function Box(){}
Box.prototype={
	'name':'gao',
	age:23,
	fun:function(){
		return this.name+'--'+this.age;
	}
}

var box1=new Box();
console.log(box1.age)
console.log(box1.constructor)
*/

//1.使用字面量后constructor会指向Object,因为Box.prototype={}这种写法创建了一个新的对象导致.
//解决方式如下:
function Box(){}
Box.prototype={
	constructor:Box,
	'name':'gao',
	age:23,
	fun:function(){
		return this.name+'--'+this.age;
	}
}

var box1=new Box();
console.log(box1.age)
console.log(box1.constructor)

//2.原型对象不仅仅在自定义对象中可以使用,内置的引用类型都可以使用,并且本身页使用了原型

var box2=[1,15,9,8,6,12];
console.log(Array.prototype.sort());

//3.给原型增加方法
String.prototype.addstring=function(){
	return this+'-Hello!';
}

console.log('China'.addstring());

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/261.html

分享给朋友:

“javascript使用原型为内置对象增加方法” 的相关文章

javascript停止定时器,	js删除定时器

javascript停止定时器, js删除定时器

    window.setInterval(method,time)方法本身会返回一个资源句柄,使用clearInterval(Intervalid)方法即可清除定时器<script> var num=0; //每隔1秒再控制台输...

阻止表单提交刷新页面

阻止表单提交刷新页面

<form action="save.php" method="post"   target="nm_iframe">      &nbs...

百度地图,腾讯地图生成导航链接

百度地图,腾讯地图生成导航链接

https://3gimg.qq.com/lightmap/v1/marker/index.html?marker=coord:37.6767600000,112.7297800000&key=TKUBZ-D24AF-GJ4JY-JDVM2-IBYKK-KEBCU&referer=p...

 js 工厂模式示例,js工厂模式原理

js 工厂模式示例,js工厂模式原理

查看文章前你需要了解以下2点://1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量我们经常在创建相同结构的Js对象会重复的设...

javascript原型基础知识

javascript原型基础知识

//我们创建每个函数默认都有一个prototype(原型)属性,这个属性是一个对象 //1.我是普通的构造方法,我的属性叫实例属性,我的方法叫实例方法 /* function Box(name,age){ this.name=name; this.age=age; this.run...

 chrome修改js函数,chrome修改js代码,网页上修改js代码

chrome修改js函数,chrome修改js代码,网页上修改js代码

(1).如果js函数代码在html中写的,例如下面的代码:<html> <head> <meta charset="utf-8"> </head> <body> <a onclick="...