Head First Javascript 知识点总结

laiher

于 2022-07-23 16:50:34 发布

阅读量328

点赞数

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

本文链接：https://blog.csdn.net/m0_50955361/article/details/125949702

版权

本文总结了Head First JavaScript中的关键知识点，包括DOM操作、HTML5新元素、事件处理、异步编程、函数表达式、闭包和原型链等。通过示例介绍了如何获取和改变网页元素、使用事件监听、处理异步操作以及如何利用闭包实现数据封装和模块化。同时，探讨了JavaScript中的变量声明、数组、对象以及函数作为值的特性，强调了作用域和类型转换在编程中的重要性。

摘要由CSDN通过智能技术生成

Head First Javascript 知识点总结

可以通过
```
var planet = document.getElementById("greenplanet");
```
来获取网页上的元素，随后使用innerHTML来访问使用并且改变其内容，在改变内容之后可以将结果实时反馈在页面上。

另外x、=方法getElementByClassName的方法来获取同类元素的集合
<div>的使用

在HTML4 中使用div来划分网页的元素构成，在html5中则使用<header>等进行文档的标识。
规定代码在加载之后获得：

若在网页没有渲染出来的时候，使用getElementById等方式可能会导致返回一个null，因此添加限制从而使得在页面加载完毕后才执行某段代码。
```
function init():{
     
	var xxx;
	xxx;
}

window.onload = init;
//在页面加载后的行为改为执行函数init
```
可以使用setAttribute设置特性
局部变量（在函数中声明的变量）需要使用var进行声明，否则会默认是一个全局变量，在函数的外部也是可用的。
js 的数组索引从0开始，使用以下形式进行声明
var sores = [1,2,34,56,789];
具有属性score.length
for 循环的语法和c中相同可以在，push用于添加新的元素
声明对象的方法：
```
var chery = {
     
	make: "dwdws",
	sth : 5
};
```
将包含空格的字符串用作属性名时，必须用引号将其括起。
数组变量：存储的是引用，传递到函数里边的是引用
属性可以是方法，
```
var xxx = {
     
	func_attribution : function(){
     
			xxx
	}
};
```
在类方法中使用属性值，需要使用this来进行标定可以在后续添加方法，相当于是给新的属性赋值

使用迭代来将每个属性都输出出来
```
for (var prop in chevy) {
     
 console.log(prop + ": " + chevy[prop]);
}
```
该步骤可以迭代引用属性的名字
js中的相等运算符，类型一致的直接进行比较，而类型不同的先做累形转换之后才进行比较（后一个转为前一个）

严格相等===需要类型和值都是相等的，才认为是真

有五条匹配的原则：
1. NaN和所有（包括自己）相比都是false
2. 布尔形式首先被转化为Number类型
3. String 类型和 Number类型比较，先把 String转化为num类型
4. null == undefined 的结果是true ，但是null 还有 undefined 和其他相比都是false
拼接过程中的类型转换
字符串相加的时候，把数字转化为字符串
如果是乘除减的话，会将字符串转化为数字
字符串的操作过程是从左到右的，也就是说
检查对象的相等性，是在看一个对象引用是否相同，引用同一个东西则返回true
真值和假值&