前端入门学习笔记八十二

最新推荐文章于 2024-07-26 15:05:55 发布

物恰冰可乐

最新推荐文章于 2024-07-26 15:05:55 发布

阅读量306

点赞数

分类专栏：前端文章标签：前端学习 javascript html

本文链接：https://blog.csdn.net/m0_65384293/article/details/128327681

版权

前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Array（数组） 对象</title>
	</head>
	<body>
		<h3>JavaScript Array（数组） 对象</h3>
	<script>
		var c = ["css", "html"];
		var f = ["baidu", "c", "go"];
		var h = c.concat(f);
		document.write(h);
	</script>
	</body>
</html>

JavaScript Array（数组）对象
数组对象是使用单独的变量名来存储一系列的值
constructor   返回对创建此对象的数组函数的引用。
length   设置或返回数组中元素的数目。
prototype   使您有能力向对象添加属性和方法。
当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组
不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Array（数组） 对象</title>
	</head>
	<body>
		<h3>JavaScript Array（数组） 对象</h3>
	<script>
		var p = ["css", "c"];
		var b = ["go", "c", "java"];
		var c = ["css", "cs"];
		var f = p.concat(b, c);
		document.write(f);
	</script>
	</body>
</html>

JavaScript Array（数组）对象
数组对象是使用单独的变量名来存储一系列的值
constructor   返回对创建此对象的数组函数的引用。
length   设置或返回数组中元素的数目。
prototype   使您有能力向对象添加属性和方法。
当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组
不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>类(class)</title>
	</head>
	<body>
		<h3>JavaScript 类(class)</h3>
		<p id = "类(class)"></p>
	<script>
		class Baidu {
		  constructor(css, u) {
		    this.css = css;
		    this.u = u;
		  }
		}
		let v = new  Baidu("百度",  "https://www.baidu.com");
		document.getElementById("类(class)").innerHTML =
		v.css + "：" + v.u;
	</script>
	</body>
</html>

JavaScript 类(class)
使用类
new 关键字来创建对象
使用new 关键字是利用构造函数去创建一个
对象不使用new 关键字就是一次普通的函数调用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>类(class)</title>
	</head>
	<body>
		<h3>JavaScript 类(class)</h3>
		<p id = "类(class)0"></p>
	<script>
		class Baidu {
		  constructor(cs, y) {
		    this.cs = cs;
		    this.y = y;
		  }
		  age() {
		    let d = new Date();
		    return d.getFullYear(“) - this.y;
		  }
		}
		 
		let baidu = new Baidu("baidu", 12);
		document.getElementById("类(class)0").innerHTML =
		"盗墓笔记 " + baidu.age() + "多少集";
	</script>
	</body>
</html>

类的方法
构造方法
构造方法是一种特殊的方法：
构造方法名为 constructor()
构造方法在创建新对象时会自动执行
构造方法用于初始化对象属性
如果不定义构造方法，JavaScript 会自动添加一个空的构造方法
constructor() 方法是一种特殊的方法，
用于创建和初始化在类中创建的对象。
当初始化类时，constructor() 方法会被自动调用，
并且它必须使用确切的名称 "constructor"，实际上，
如果您没有构造方法，JavaScript 将添加一个不可见的空构造方法
一个类不能使用多个 constructor() 方法。这将抛出 SyntaxError。
您可以使用 super() 方法来调用父类的构造方法