复习js相关知识

最新推荐文章于 2023-03-07 16:19:40 发布
最新推荐文章于 2023-03-07 16:19:40 发布
阅读量66 收藏
点赞数
分类专栏： React 文章标签： javascript 前端 typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43778556/article/details/123403115
版权

1.类的基本知识

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1_类的基本知识</title>
</head>
<body>
	<script type="text/javascript" >
		/* 
			总结：
				1.类中的构造器不是必须要写的，要对实例进行一些初始化的操作，如添加指定属性时才写。
				2.如果A类继承了B类，且A类中写了构造器，那么A类构造器中的super是必须要调用的。
				3.类中所定义的方法，都放在了类的原型对象上，供实例去使用。
		*/
		//创建一个Person类
		class Person {
			//构造器方法
			constructor(name,age){
				//构造器中的this是谁？—— 类的实例对象
				this.name = name
				this.age = age
			}
			//一般方法
			speak(){
				//speak方法放在了哪里？——类的原型对象上，供实例使用
				//通过Person实例调用speak时，speak中的this就是Person实例
				console.log(`我叫${this.name}，我年龄是${this.age}`);
			}
		}

		//创建一个Student类，继承于Person类
		class Student extends Person {
			constructor(name,age,grade){
				super(name,age)
				this.grade = grade
				this.school = '尚硅谷'
			}
			//重写从父类继承过来的方法
			speak(){
				console.log(`我叫${this.name}，我年龄是${this.age},我读的是${this.grade}年级`);
				this.study()
			}
			study(){
				//study方法放在了哪里？——类的原型对象上，供实例使用
				//通过Student实例调用study时，study中的this就是Student实例
				console.log('我很努力的学习');
			}
		}
		
		class Car {
			constructor(name,price){
				this.name = name
				this.price = price
				// this.wheel = 4
			}
			//类中可以直接写赋值语句,如下代码的含义是：给Car的实例对象添加一个属性，名为a，值为1
			a = 1
			wheel = 4
			static demo = 100
		}
		const c1 = new Car('奔驰c63',199)
		console.log(c1);
		console.log(Car.demo);
	</script>
</body>
</html>

2.原生事件绑定

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<button id="btn1">按钮1</button>
		<button id="btn2">按钮2</button>
		<button onclick="demo()">按钮3</button>

		<script type="text/javascript" >
			const btn1 = document.getElementById('btn1')
			btn1.addEventListener('click',()=>{
				alert('按钮1被点击了')
			})

			const btn2 = document.getElementById('btn2')
			btn2.onclick = ()=>{
				alert('按钮2被点击了')
			}

			function demo(){
				alert('按钮3被点击了')
			}

		</script>
	</body>
</html>

3.类方法中的this指向

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<script type="text/javascript" >
			class Person {
				constructor(name,age){
					this.name = name
					this.age = age
				}
				study(){
					//study方法放在了哪里？——类的原型对象上，供实例使用
					//通过Person实例调用study时，study中的this就是Person实例
					console.log(this);
				}
			}

			const p1 = new Person('tom',18)
			p1.study() //通过实例调用study方法
			const x = p1.study
			x()

		</script>
	</body>
</html>

4.展开运算符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<script type="text/javascript" >
			let arr1 = [1,3,5,7,9]
			let arr2 = [2,4,6,8,10]
			console.log(...arr1); //展开一个数组
			let arr3 = [...arr1,...arr2]//连接数组
			
			//在函数中使用
			function sum(...numbers){
				return numbers.reduce((preValue,currentValue)=>{
					return preValue + currentValue
				})
			}
			console.log(sum(1,2,3,4));

			//构造字面量对象时使用展开语法
			let person = {name:'tom',age:18}
			let person2 = {...person}
			//console.log(...person); //报错，展开运算符不能展开对象
			person.name = 'jerry'
			console.log(person2);
			console.log(person);

			//合并
			let person3 = {...person,name:'jack',address:"地球"}
			console.log(person3);
			
		</script>
	</body>
</html>

5.对象相关的知识

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<script type="text/javascript" >
			let a = 'name'

			let obj = {} // {name:'tom'}
			obj[a] = 'tom'
			console.log(obj);
			
		</script>
	</body>
</html>

6.演示函数的柯里化

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
	<body>
		<script type="text/javascript" >
			/* function sum(a,b,c){
				return a+b+c
			} */
			
			function sum(a){
				return(b)=>{
					return (c)=>{
						return a+b+c
					}
				}
			}
			const result = sum(1)(2)(3)
			console.log(result);
		</script>
	</body>
</html>
十友九
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python入门-Python入门之类(class)
q6q6q的专栏
10-28 1834
Python3 面向对象Python从设计之初就已经是一门面向对象的语言，正因为如此，在Python中创建一个类和对象是很容易的。本章节我们将详细介绍Python的面向对象编程。如果你以前没有接触过面向对象的编程语言，那你可能需要先了解一些面向对象语言的一些基本特征，在头脑里头形成一个基本的面向对象的概念，这样有助于你更容易的学习Python的面向对象编程。接下来我们先来简单的了解下面向对象的一些...
Class.forName()的作用与使用总结
热门推荐
fengyuzhengfan的专栏
07-24 12万+
Class.forName是一个静态方法，同样可以用来加载类。该方法有两种形式：Class.forName(String name, boolean initialize, ClassLoader loader)和 Class.forName(String className)。第一种形式的参数 name表示的是类的全名；initialize表示是否初始化类；loader表示加载时使用的类加载器。第二种形式则相当于设置了参数 initialize的值为 true，loader的值为当前类的类加载器。
Class类常用方法介绍、获取Class对象的方式、通过反射实现各种骚操作
Java技术攻略的博客
03-07 3754
加载和连接是JVM来完成的，我们无法控制，而初始化阶段就是我们自己可控的了（比如你在静态代码里面写什么内容是你自己可以控制的）用户可能输入1，也可能输入2，Dog类不一定会用到，静态加载不管那么多，它在编译的时候就会加载这个类，并且进行语法的校验。Person类是动态加载，所以，没有编写Person类也不会报错，只有当动态加载该类时，才会报错。动态加载 : 运行时加载需要的类,如果运行时不用该类，则不报错，降低了依赖性。静态加载 : 编译时加载相关的类，如果没有则报错，依赖性太强。
Class类的介绍和基本使用方法
Vicali的博客
12-07 8928
一、Class类的介绍 Class类的对象表示的是一个，类在内存中的class文件。 Class clz = String.class 表示String在内存中的class文件。 二、Class类的使用 1.获得Class类的对象 通过Class clz = Class.forName(“完全限定名”); 获得Class类的对象封装class文件 完全限定名：包名+类名. 通过类名获得Class对象，类名.class 通过某个类的对象，获得Class文件,String类在内存中的class文
Class（类）
JOKEthel的博客
12-28 5493
前言 ES6引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 但是JS 中并没有一个真正的 class 原始类型， class 仅仅只是对原型对象运用语法糖。所以，只有理解如何使用原型对象实现类和类继承，才能真正地用好 class。 基本语法 class Person{ constructor(name,age){ this.name = name; this.age = age; } Say(){
JavaScript知识点复习.docx
11-19
JavaScript知识点复习 JavaScript是一种广泛应用于互联网的直译式脚本语言，主要由ECMAScript、DOM（文档对象模型）和BOM（浏览器对象模型）三大部分组成。ECMAScript是JavaScript的核心，它定义了语言的语法、类型...
JavaScript知识点复习.pdf
11-19
JavaScript是一种广泛用于互联网的...随着Web技术的发展，JavaScript的知识点不断扩展，包括框架（如React、Vue）、模块化（如CommonJS、ES6模块）、异步编程（Promise、async/await）等，都需要开发者持续学习和掌握。
js基础知识复习看这个就够了~
01-08
js的基础知识数组字符串正则表达式 数组 增删 push 向数组的末尾添加一个或者多个数据， 返回新数组长度 var len = arr.push(1,2,3); pop 删除数组最后一项返回该项的值 var lastValue = arr.pop(); unshift 向数组...
js知识点复习.md
10-12
js知识点复习.md
通过一天的学习，快速复习js知识点
07-12
通过一天的学习，快速复习js知识点
C语言中class和struct有啥区别
07-22
本文主要谈了一下 C语言中class和struct的区别。
python语法教程——class类
点点点
10-10 4847
这里我们就以输出Hello world为例创建我们的第一个类。可以看到，我们创建了一个名为hello的类，并用它实例化了一个to_hello对象，通过调用类中的output方法，我们成功输出了Hello world！首先，我们定义一个student类，用于存放学生姓名。先运行一下看看。def output(self) : print('My name is' , self . name) stu_1 = student('老王') stu_1 . output()My name is 老王。
class在c语言中,C语言中的class的应用
weixin_39617318的博客
05-19 1万+
C语言中的class的应用答案:6信息版本：手机版解决时间 2019-10-04 20:09已解决2019-10-04 16:32C语言中的class的应用最佳答案2019-10-04 17:571、C语言里没有class函数的概念，class是C++中的关键字。2、C++是基于C的一种面向对象扩展，它在C原有结构体(struct)的基础上，扩充了struct的功能(增加了成员函数，以及访问控...
c语言中class用法,es6中的class使用
weixin_39623350的博客
05-25 1391
介绍>生成实例对象，构造函数的另一种写法>类的数据类型是函数，本身指向构造函数>类的方法都定义在prototype上面，Object.assign方法可以一次向类添加多个方法>类的内部所有定义的方法，都是不可枚举的>类的属性名可以采用表达式 [变量](){}>内部是严格模式>类的construtor方法是默认方法，默认返回实例对象(this)。可...
C++--结构体和类
疯狂的程序员
05-14 2976
结构体和类只有一个区别就是前者访问控制默认为public，而类的默认访问控制是private。而对于public,private,protected的访问控制都是在编译期间由编译器检查的，编译通过后，程序执行过程中就不存在什么访问限制了。它们在底层只是类型名称不同，原理都相同。 类与对象，类是一个抽象的概念，而对象则是这个抽象概念里的一个具体实例。(如人–CXX…）类一般由数据成员和函数成员组成，而
C语言学习记录-Class3-编程基础知识
续起大胡子
12-23 202
跟着郝斌老师学C语言
c语言的class,Objective-C中Class的本质
weixin_32899267的博客
05-21 447
类(class)和元类(meta-class)底层都是 objc_class 结构体的指针，内存中就是结构体。struct objc_class {Class _Nonnull isa OBJC_ISA_AVAILABILITY;#if !__OBJC2__Class _Nullable super_class OBJC2_UNAVAIL...
c语言class作用,C语言中的class的应用?
weixin_34638141的博客
05-16 3473
一只名叫tom的猫C语言里没有class的概念，你可以写int class = 0;而不会有任何报错。C++是基于C的一种面向对象扩展，它在C原有结构体(struct)的基础上，扩充了struct的功能(增加了成员函数，以及访问控制，继承等)，并增加了class这一新定义。实际上class和struct的唯一区别就是：struct中的默认访问控制权限是public，而class的默认访问控制权限是...
Class类型详解
编程技术分享
05-05 5354
1. 简介 在Java世界里，一切皆对象。从某种意义上来说，Java有两种对象：实例对象和Class对象。每个类的运行时的类型信息就是用Class对象表示的。它包含了与类有关的信息。其实我们的实例对象就通过Class对象来创建的。Java使用Class对象执行其RTTI（运行时类型识别：Run-Time Type Identification），多态就是基于RTTI实现的。 每一个类都有一个Cla...
uniapp复习知识点
最新发布
09-01
当然，我可以帮你复习一些 Uniapp 的知识点。Uniapp 是一个基于 Vue.js 的开发框架，可以同时开发多个平台的应用程序，包括小程序、H5、App 等。以下是一些常见的 Uniapp 知识点： 1. 生命周期：Uniapp 有多个生命...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值