js twe

Posted 2020-08-13

一、函数
1.首先了解了函数的定义，函数的定义有两种方式：
----（1）命名函数：
function name（）{ 执行语句 }
----（2）匿名函数：
var name = function（）{ 执行语句 }

ps：Function是js的原生对象。

2.学习了函数的定义，就要了解如何执行函数，执行函数也有两种方式：
----（1）直接使用：
function name（）{ 
console.info("执行函数"); 
}
execute();
----（2）赋值使用：
function func1() {
}
var temp = func1;
temp();

3.函数的作用域：
作用域又分普通变量的作用域和引用作用域。

4.传参：
----（1）参数列表可以有多个也可以只有一个，也可以没有。而且对传入的参数类型可以为任何类型。

---（2）传参又有形参和实参。eg：
var num = 5;
function func(n) {//n是形参
console.info(n);
}
func(num);//这里的num是实参

ps：在该func运行完结束后，该函数中的一切变量都会被释放掉，包括这个函数中的任何变量。

5.返回值：
return可以作为函数的结束语句，return有两个作用：
----（1）只要遇见return，那么离return最近的函数就会立即停止执行。
----（2）返回return后的值。

二、对象

1.使用类函数创建对象 eg：
function Student(name, age) {
this.name = name;
this.age = age;

this.study = function() {
console.info(this.name + "同学，今年" + this.age + "岁！");
}
}
var stu = new Student("张三", 18);
stu.study();
运行的结果就是张三同学，今年18岁！
其中this就相当于一个容器，在容器里面的东西都是this。

2.JSON对象 eg：
var stu = {
name: "李思思",
age: 17,
study: function() {
console.info(this.name + "同学，芳龄" + this.age + "岁，在朗沃 学习UI！");
}
}
stu.study();

 

 

BOM：

1、定时器 (window 对象）
setTimeout( 定时执行 )
window 对象的 setTimeout 方法用来实现一个函数能够在指定的毫秒数之后运行。
2、 setInterval( 间隔执行 )
window 对象的 setInterval 方法与 setTimeout 方法很类似，只是这个方法会在指定毫秒数的间隔里重复调用。
3. 弹出对话框 (window 对象 )
--alert
alert() 向用户显示一条消息并等待用户关闭对话框。
--confirm
confirm() 也显示一条消息，要求用户单击 “ 确定 ” 或 “ 取消 ” 按钮，并返回一个布尔值。
--prompt
prompt() 同样也显示一条消息，等待用户输入字符串，并返回那个字符串。
prompt() 有两种写法 , 分别是：
var inputVal = prompt(" 请输入一个值 ");
console.info(typeof inputVal);
或
var inputVal = prompt(" 请输入一个值 ", " 默认值 ");
需要注意的是， prompt 方法也会产生阻塞。

DOM:
1、 学习了DOM的节点的属性和方法，其中需要死记硬背的东西有很多。
获取节点，创建的节点，添加节点，删除节点， 替换节点等等。。。
2. DOM 节点类型的常量和值：
元素节点是1，属性节点是2，文本节点是3。