<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
1. 读取对象的属性时,会自动到原型链中查找
2. 设置对象的属性时,不会查找原型链,如果当前对象中没有此属性,直接添加此属性并设置其值
3. 方法一般定义在原型中,属性一般通过构造函数定义在对象本身上
-->
<script>
function fun(){}
fun.prototype.test=function(){
console.log("我在fun的实例对象中的显示原型链中!")
}
fn=new fun()
//1.读取对象的属性时,会自动到原型链中查找
fn.test() //我在fun的实例对象中的显示原型链中!
//2.设置对象的属性时,不会查找原型链,如果当前对象中没有此属性,直接添加此属性并设置其值
fn.test2="我在fun中" //定义一个test2在fun中
fun.prototype.test2="我在fun的prototype中" //定义一个test2在fun的prototype中
console.log(fn.test2) //我在fun中
console.log(fun.prototype.test2) //我在fun的prototype中
// 对象中的隐式原型 === 函数中的显式原型
console.log(fn.__proto__.test2)
</script>
</body>
</html>
13.原型链_属性问题 ——js高级
最新推荐文章于 2024-08-18 10:54:05 发布