前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js中原型(prototype)

js中原型(prototype)

原创
作者头像
李才哥
修改2020-03-30 11:11:29
1K0
修改2020-03-30 11:11:29
举报
文章被收录于专栏:李才哥

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>01_原型(prototype)</title>

</head>

<body>

<!--

1. 函数的prototype属性(图)

* 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象)

* 原型对象中有一个属性constructor, 它指向函数对象

2. 给原型对象添加属性(一般都是方法)

* 作用: 函数的所有实例对象自动拥有原型中的属性(方法)

-->

<script type="text/javascript">

// 每个函数都有一个prototype属性, 它默认指向一个对象(即称为: 原型对象)

console.log(Date.prototype, typeof Date.prototype)

function fn() {

}

console.log(fn.prototype, typeof fn.prototype)

// 原型对象中有一个属性constructor, 它指向函数对象

console.log(Date.prototype.constructor===Date)

console.log(fn.prototype.constructor===fn)

// 2. 给原型对象添加属性(一般都是方法)

function F() {

}

F.prototype.age = 12 //添加属性

F.prototype.setAge = function (age) { // 添加方法

this.age = age

}

// 创建函数的实例对象

var f = new F()

console.log(f.age)

f.setAge(23)

console.log(f.age)

</script>

</body>

</html>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档