100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JavaScript基础08-day10【函数的返回值 实参 立即执行函数 方法 全局作用域 函数

JavaScript基础08-day10【函数的返回值 实参 立即执行函数 方法 全局作用域 函数

时间:2020-01-20 03:30:19

相关推荐

JavaScript基础08-day10【函数的返回值 实参 立即执行函数 方法 全局作用域 函数

学习地址:

谷粒学院——尚硅谷哔哩哔哩网站——尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)

JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】

目 录

P53 53.尚硅谷_JS基础_函数的返回值11:21

P5454.尚硅谷_JS基础_实参可以是任何值21:50

函数返回值练习1

函数返回值练习2

函数返回值练习3

P5555.尚硅谷_JS基础_返回值的类型11:42

P5656.尚硅谷_JS基础_立即执行函数04:49

P5757.尚硅谷_JS基础_方法15:30

将函数作为对象的属性保存

枚举对象中的属性【使用for ... in 语句】

P5858.尚硅谷_JS基础_全局作用域21:23

作用域

声明提前

变量的声明提前

函数的声明提前

P5959.尚硅谷_JS基础_函数作用域21:41

函数作用域

函数作用域的声明提前特性

P6060.尚硅谷_JS基础_debug13:54

局部变量/全局变量【小练习】

火狐浏览器debug

谷歌浏览器debug

ie浏览器debug

P6161.尚硅谷_JS基础_this11:03

P6262.尚硅谷_JS基础_this补充05:39

P6363.尚硅谷_JS基础_使用工厂方法创建对象 10:48

使用工厂方法创建对象【大批量的创建对象】

P6464.尚硅谷_JS基础_构造函数24:56

instanceof:检查一个对象是否是一个类的实例

this使用情况的总结

P53 53.尚硅谷_JS基础_函数的返回值11:21

创建一个函数,用来计算三个数的和。

可以使用 return 来设置函数的返回值,语法:return 值;

return后的值将会作为函数的执行结果返回,可以定义一个变量,来接收该结果。在函数中return后的语句都不会执行。

如果return语句后不跟任何值就相当于返回一个undefined;如果函数中不写return,则也会返回undefined;return后可以跟任意类型的值。

P5454.尚硅谷_JS基础_实参可以是任何值21:50

函数返回值练习1

定义一个函数,判断一个数字是否是偶数,如果是返回true,否则返回false。

函数返回值练习2

定义一个函数,可以根据半径计算一个圆的面积,并返回计算结果。

函数返回值练习3

创建一个函数,可以在控制台中输出一个人的信息,可以输出人的 name age gender address。

实参可以是任意的数据类型,也可以是一个对象。

当我们的参数过多时,可以将参数封装到一个对象中,然后通过对象传递。

实参可以是一个对象,也可以是一个函数。匿名函数作为实参,传递给函数。

P5555.尚硅谷_JS基础_返回值的类型11:42

返回值可以是任意的数据类型,也可以是一个对象,也可以是一个函数。

函数名+()返回的是这个函数的返回值,函数名:返回的是这个函数,fun3的返回值是fun4,所以fun3()=fun4,又fun4()返回“我是fun4”,所以fun3()()=“我是fun4”。

P5656.尚硅谷_JS基础_立即执行函数04:49

直接这样声明函数,会报错。{}内的内容,被当成了一个代码块,浏览器不认识“function()”。

// 加括号表示整体!

用“()”将函数体圈起来,表示这是一个整体(不是独立部分),不报错!

立即执行函数:函数定义完,立即被调用,这种函数叫做立即执行函数,立即执行函数往往只会执行一次。

P5757.尚硅谷_JS基础_方法15:30

将函数作为对象的属性保存

函数也可以称为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法。

调用这个函数就说调用对象的方法(method),但是它只是名称上的区别没有其他的区别。

枚举对象中的属性【使用for ... in 语句】

语法:

for(var 变量 in 对象){

语句...

}

for...in语句:对象中有几个属性,循环体就会执行几次,每次执行时,会将对象中的一个属性的名字赋值给变量。

P5858.尚硅谷_JS基础_全局作用域21:23

作用域

作用域:作用域是指一个变量的作用的范围。

在JS中一共有两种作用域:

1.全局作用域

- 直接编写在script标签中的JS代码,都在全局作用域。

- 全局作用域在页面打开时创建,在页面关闭时销毁。

- 在全局作用域中有一个全局对象window,它代表的是一个浏览器的窗口,它由浏览器创建我们可以直接使用。

- 在全局作用域中:创建的变量都会作为window对象的属性保存;创建的函数都会作为window对象的方法保存。

- 全局作用域中的变量都是全局变量,在页面的任意的部分都可以访问的到。

2.函数作用域

声明提前

变量的声明提前

变量的声明提前:

使用var关键字声明的变量,会在所有的代码执行之前被声明(但是不会赋值);但是如果声明变量时不使用var关键字,则变量不会被声明提前。

函数的声明提前

函数的声明提前:

使用函数声明形式创建的函数 function 函数(){},它会在所有的代码执行之前就被创建,所以我们可以在函数声明前来调用函数;使用函数表达式创建的函数,不会被声明提前,所以不能在声明前调用。

P5959.尚硅谷_JS基础_函数作用域21:41

函数作用域

函数作用域:

调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁。每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的。在函数作用域中可以访问到全局作用域的变量,在全局作用域中无法访问到函数作用域的变量。当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用;如果没有则向上一级作用域中寻找,直到找到全局作用域;如果全局作用域中依然没有找到,则会报错ReferenceError。在函数中要访问全局变量可以使用window对象。

函数作用域的声明提前特性

在函数作用域也有声明提前的特性:

使用var关键字声明的变量,会在函数中所有的代码执行之前被声明;函数声明也会在函数中所有的代码执行之前执行。

在函数中,不适用var声明的变量都会成为全局变量。

定义形参就相当于在函数作用域中声明了变量。

P6060.尚硅谷_JS基础_debug13:54

局部变量/全局变量【小练习】

火狐浏览器debug

谷歌浏览器debug

ie浏览器debug

P6161.尚硅谷_JS基础_this11:03

解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,这个对象我们称为函数执行的上下文对象。

根据函数的调用方式的不同,this会指向不同的对象:

以函数的形式调用时,this永远都是window;以方法的形式调用时,this就是调用方法的那个对象。

加括号是调用函数,这块是将fun对象赋值给sayName属性。

this指向的是一个对象,window对象调用的fun方法,指向window;同理obj对象调用sayHello,this指向obj。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 解析器在调用函数每次都会向函数内部传递进一个隐含的参数,* 这个隐含的参数就是this,this指向的是一个对象,* 这个对象我们称为函数执行的 上下文对象,* 根据函数的调用方式的不同,this会指向不同的对象* 1.以函数的形式调用时,this永远都是window* 2.以方法的形式调用时,this就是调用方法的那个对象*/function fun() {console.log(this.name);}var obj = {name: "孙悟空",sayName: fun};var obj2 = {name: "沙和尚",sayName: fun};console.log(obj.sayName == fun); // truevar name = "全局的name属性";obj.sayName();//以函数形式调用,this是windowfun();//以方法的形式调用,this是调用方法的对象obj.sayName();obj2.sayName();</script></head><body></body></html>

P6262.尚硅谷_JS基础_this补充05:39

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript">var name = "全局"; // 创建一个name变量//创建一个fun()函数function fun() {console.log(this.name);}//创建两个对象var obj = {name: "孙悟空",sayName: fun};var obj2 = {name: "沙和尚",sayName: fun};//我们希望调用obj.sayName()时可以输出obj的名字obj.sayName();obj2.sayName();</script></head><body></body></html>

P6363.尚硅谷_JS基础_使用工厂方法创建对象 10:48

使用工厂方法创建对象【大批量的创建对象】

P6464.尚硅谷_JS基础_构造函数24:56

使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object这个类型,就导致我们无法区分出多种不同类型的对象。

创建一个构造函数,专门用来创建Person对象的。

构造函数就是一个普通的函数,创建方式和普通函数没有区别,不同的是,构造函数习惯上首字母大写。

构造函数和普通函数的区别就是:调用方式的不同;普通函数是直接调用,而构造函数需要使用new关键字来调用。

构造函数的执行流程:

立刻创建一个新的对象;将新建的对象设置为函数中this,在构造函数中可以使用this来引用新建的对象;逐行执行函数中的代码;将新建的对象作为返回值返回。

使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类。我们将通过一个构造函数创建的对象,称为是该类的实例。

工厂方法创建对象:因为每个函数里都是new Object(),所以返回的是Object。构造函数是new 你自己定义的函数(),返回的名称也就是你自己定义的。

instanceof:检查一个对象是否是一个类的实例

使用instanceof可以检查一个对象是否是一个类的实例。

语法:

对象 instanceof 构造函数

如果是,则返回true,否则返回false。

所有的对象都是Object的后代,所以任何对象和Object做instanceof检查时 都会返回true。

this使用情况的总结

this的使用情况:

当以函数的形式调用时,this是window;当以方法的形式调用时,谁调用方法 this就是谁;当以构造函数的形式调用时,this就是新创建的那个对象。

JavaScript基础08-day10【函数的返回值 实参 立即执行函数 方法 全局作用域 函数作用域 提前声明 this 工厂方法创建对象 构造函数】

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。