前端工程师-JavaScript专项练习

jasmine_qiqi

已于 2022-03-14 13:39:56 修改

阅读量789

点赞数

文章标签： js javascript

于 2022-03-14 10:28:59 首次发布

本文链接：https://blog.csdn.net/weixin_45065754/article/details/123472890

版权

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>

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

jasmine_qiqi

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端工程师-JavaScript专项练习

1、什么是JavaScriptJavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。2、什么是原型与原型链，有什么区别一、原型（prototpe）：是函数特有的二、原型链（[[prototype]]）：是所有数据都有的三、当子类属性原型（prototype）没有数据
复制链接

扫一扫