今日天气
![]()
晴间多云
1.函数和变量的声明提前
1-1.函数的声明提前
js的运行分两步
(1)解析代码
(2)运行代码
函数在这里算是“一级公民”，函数的声明会提前进行
sum();
function sum() {
var sum = 0;
for(var i=1;i<=100;i++) {
sum += i;
}
console.log(sum);
}
1-2.变量的声明提前
在变量声明之前，不能够使用变量
console.log(1);
console.log(num); // undefined
var num = 100;
console.log(2);
console.log(num); // 100
2.对象中的函数
对象中的函数，也叫对象的方法，也叫对象的api
var obj = {
name: 'zs',
//方法1
say: function() {
console.log(obj.name);
},
//方法2
say2() {
console.log(obj.name);
}
}
obj.say();
obj.say2();
3.函数表达式
使用函数表达式来创建函数的时候, 调用函数必须放在函数之后
因为使用var 声明的函数，在调用之前还未声明
say(); // 函数声明提前, 所以可以在这里调用函数
function say() {
console.log('hello');
}
// 函数表达式
say2(); // say2的值是undefined, 所以会报错
var say2 = function() {
console.log('hello');
}
4.函数传参(参数是基本数据类型和复杂数据类型)
4-1.参数是基本数据类型
结论: 当传入的参数是简单数据类型时, 修改形参不会影响实参
a值一开始是等于x的值, 然后修改a的值, x的值并不会跟着修改
// 负责接收数据的参数叫做形参, a和b都是形参, 同时a和b也是变量, 形参的变量名可以随便给
function add(a, b) {
a = 100;
console.log('a', a);
var sum = a + b;
// console.log(sum);
}
// 传入的参数叫做实参
var x = 200;
var y = 300;
add(x, y);
console.log('x', x);
4-2.参数是复杂数据类型
结论: 当传入的类型是复杂(引用)数据类型, 修改形参的值, 实参也会跟着修改
打印person.age的结果是100, 为什么?
答: person对象和obj对象的内存地址是一样的, 实际上它们都指向了同一个对象, 所以修改任意一方的值数据, 另外一方也发生变化
function test(obj) {
obj.age = 100;
obj.say = function() {
console.log(obj.age);
}
obj.say();
}
var person = {
name: '张三',
age: 18
}
test(person);
console.log('perons.age:',person.age); // 100
4-3.基本数据类型和复杂(引用)数据类型的区别
(1)内存区域分为两个: 一个栈区(容量小但是快), 另外一个是堆区(容量大, 运行速度慢)
(2)基本数据类型存在栈区
(3)引用数类型, 在栈区存放着它在内存中的地址(它的引用), 真正的数据是存放在堆区
5.函数传参(参数是函数)
函数作为参数被传入的时候, 我们把它叫做回调函数
<script>
var obj = {
// 2. obj.then(), 函数被调用, 函数内容的代码就开始运行
then(cb) {
var data = {
name: '张三',
age : 18
}
// 3. 调用cb函数, 传入data
cb(data);
}
}
debugger;
// 1. obj.then(); 传入一个函数
obj.then(function (result) {
// 4. 函数在第3步时被调用, 所以这里的代码开始运行
console.log(result);
});
</script>
6.作用域和变量
什么是作用域？
答：变量的作用域指的是变量起作用的范围, 就是变量的作用域
6-1.全局作用域和全局变量
(1)全局作用域和全局变量是什么
全局作用域就是window对象, 在window对象下声明变量会自动挂载到window对象上,
变成window的一个水性这些变量都是全局变量
(2)声明全局变量的方法是:
可以直接var xx = xxx; 比如: var a = 100;
window.xx = xxxx; 比如window.b = 200;
(3)访问全局变量
使用window.xxx 来访问
直接访问 console.log(xxx); 可以省略window
//demo.js
var x = 2000;
var y = 3000;
<script src="./demo.js"></script>
<script>
// a和b就是全局变量, 直接变成window的一个属性
var a = 100;
var b = 200;
window.c = 300;
console.log(c);
</script>
<script>
console.log(a);
console.log('x', x);
</script>
6-2.局部作用域和局部变量
函数运行的时候, 函数的内部就是局部作用域,
声明在函数内部的变量就是局部变量
<script>
// 外面的a和b是全局变量
var a = 10;
var b = 10;
var num = 100;
add(a, b);
function add(a, b) {
// 这里的a和b是局部的
var sum = a + b;
return sum;
}
</script>
6-3.作用域规则和作用域链
(1)作用域规则
函数内部可以访问外部的变量
函数外部不能访问函数内部的变量
var a = 100;
var b = 200;
function add() {
var c = 300;
var d = 400;
var e = a + b;
console.log('e',e);
}
add();
console.log('c', c); // 报错
console.log('d', d);
(2)作用域链
访问一个变量时候, 会先在最近的作用域里面去查找, 若没有就到上一级的作用域里查找, 一级一级往上查找, 直找到全局作用域为止, 找到了就返回, 没找到就报错, 这样在访问的过程中就形成了一条作用域链
var color = 'red';
function aa() {
var color = 'blue';
function bb() {
var color = 'green';
console.log(color);
}
bb();
}
aa();
