JavaScript 复习
1#### 1.JS入门 -
1.了解JS 导入jS的三种方式
js脚本是指在Web浏览器中运行的脚本。
<script>
</script>
getElementById()方法返回其ID与指定值匹配的元素。
通常，有三种方法可以将JavaScript添加到网页：
- 可以在script标记之间插入JavaScript代码
- 使用事件属性（例如onclick，onkeypress等）将JavaScript代码直接放在HTML标记内
- 创建一个外部JavaScript文件，然后通过标记script的src属性将其加载到页面中
#### 2.函数定义
function nameOfFunction(parameters) {
// 要执行的语句
}
###### 1.**函数表达式**。
//函数表达式可以存储在变量中
var sum = function(a, b) {
return a + b;
};
// 该变量可用作函数
var x = sum(100, 8);
上面的函数实际上是一个**匿名函数**（没有名称的函数）。
存储在变量中的函数不需要函数名。始终使用变量名来调用它们。
上面的函数以分号结尾，因为它是可执行语句的一部分。
###### 2.函数提升
// 声明前调用函数
greet();
function greet() {
document.getElementById("output").innerHTML = "Hello World";
}
###### 3.自执行匿名函数
(function () {
// 要执行的语句
})();
自执行是一种JavaScript函数，它在定义后立即运行。
自动调用(启动)自执行表达式，而不需要调用它。也称为IIFE(立即调用的函数表达式)。
如果函数表达式后跟（），则函数表达式将自动执行。
###### 4.回调函数
回调函数是作为参数传递给另一个函数的函数，然后在外部函数中调用它来完成某种例程或操作。
function greet(name) {
alert("Hello " + name);
}
function processInput(callback) {
let name = prompt("Please enter your name:");
callback(name);
}
// Passing greet function into processInput function as an argument
processInput(greet);
###### 5.递归
递归是一种迭代操作的技术，方法是使函数重复调用自身直到获得结果。
var factorial = function(number) {
if (number <= 0) {
return 1;
} else {
return (number * factorial(number - 1));
}
};
document.getElementById("output").innerHTML = factorial(5);
#### 3.对象
###### 1.对象定义
JavaScript中的**对象**是一种数据类型，由**名称**和**值**的集合组成，以**名称：值**对表示。
var user = {firstName:"Vishal", lastName:"Choudhary", age:22, location:"New Delhi"};
###### 2.对象属性
有两种访问对象属性的方法：
- 点表示法： .
- 括号符号： []
user.firstName;
user["firstName"];
###### 3.对象方法
方法存储在属性中作为**函数定义**。
getName : function() {
return this.firstName + " " + this.lastName;
}
###### 4.this关键字
this关键字是指代码被写入内部当前对象-所以在这种情况下，this等同于**user**。
换句话说，this.firstName表示**此对象**的firstName属性。
###### 5.document对象
对于每个加载的网页，都会创建一个[Document](https://www.cainiaojc.com/jsref/dom_obj_document.html)示例，称为[document](https://www.cainiaojc.com/jsref/dom_obj_document.html)，它代表整个页面的结构，内容和其他功能，例如URL。
#### 4.数组
###### 1.创建数组
let fruits = ["Apple", "Mango", "Banana", "Orange"];
let fruits = new Array("Apple", "Mango", "Banana", "Orange");
隐式创建和显示创建
###### 2.数组 省
#### 5.事件 监听 除暴
#### 6.Bom
**浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。**
#### 7.Dom
#### 9.事件绑定
本文来自博客园，作者：逆向狗，转载请注明原文链接：https://www.cnblogs.com/Agtw/p/18095491
浙公网安备 33010602011771号