前端工程师-JavaScript专项练习

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>

代码分析:
在这里插入图片描述


猜你喜欢

转载自blog.csdn.net/weixin_45065754/article/details/123472890