1、什么是JavaScript
- JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
2、什么是原型与原型链,有什么区别
- 一、原型(prototpe):是函数特有的
- 二、原型链([[prototype]]):是所有数据都有的
- 三、当子类属性原型(prototype)没有数据的时候,就会调动原型链([[prototype]])的属性数据,直到找到null为止,如果两个都没有的话,就会报错
- 四、hasOwnProperty():可以查找出仅子类有的私有属性
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>原型与原型链</h2>
</body>
<script>
// 1、原型:prototype =>函数所特有的
// 2、原型链:[[prototype]] =>任何数据都有原型链
// 3、创建函数,绑定2个属性和1个方法
function Person() {
}
Person.prototype.name = 'jasmine'
Person.prototype.age = 18
Person.prototype.getAge = function () {
console.log(this.age)
}
// 4、创建一个Person实例对象,原型(prototype)的继承关系:继承属性和方法,进行调用
let person1 = new Person()
console.log(person1.name)
// 5、从当前实例属性原型(prototype)去查找,如果找了就返回(age=20),否则顺着原型链[[prototype]]一层一层往上找(age=18)
person1.age = 20
person1.getAge()
// 6、直到找到null为止,如果为null都没找到,则会报错
//person1.demo()
// 7、hasOwnProperty()=>仅子类有的私有属性,打印出来
person1.demo = 'demo'
let item;
for (item in person1) {
//
if (person1.hasOwnProperty(item)) {
console.log(item)
}
}
</script>
</html>
代码分析: