javaScript方法，作用域

目录

方法

定义

枚举对象中的属性

语法

内容

全局作用域

 变量的提前声明

 函数的声明提前

函数作用域

变量测试

---

方法

定义

如果一个函数作为一个对象的属性保存，那么我们称这个函数是这个对象的方法，调用这个函数是调用函数的方法

var obj=new Object();
//向对象中添加属性
obj.name="孙悟空";
obj.age=18;
//对象的属性值可是任何的数据类型，也可以是个函数
obj.sayname=function(){
console.log(obj.name);
}


function fun(){
console.log(obj.name);
}

//调用方法
obj.sayname();

//调用函数
fun();


//同理
var obj2={
name:"zbj";
age:18;
sayname:function(){
console.log(obj2.name);
}
};
obj2.sayname();

枚举对象中的属性

语法

for(var 变量 in 对象）

内容

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

var obj={
name:"swk",
age=18,
gender="男",
address="花果山"
};

//枚举对象的属性
for(var n in obj){
console.log("属性名"+n);

console.log("属性值"+obj[n]);
}

全局作用域

• 直接编写在script标签中的JS代码，都在全局作用域
• 全局作用域在页面打开时创建，在页面关闭时销毁
• 在全局作用域中有一个全局对象wimdow,我们可以直接使用，他代表的是一个浏览器的窗口，由浏览器创建我们可以直接使用
• 在全局作用域中，创建的变量都会作为window对象的属性保存,创建的函数都会称为window对象的方法
• 全局作用域中的变量都是全局变量，在页面的任意的部分都可以访问得到

var a=10;
var b=20;
var c="hello";

console.log(window.c);

function fun(){
console.log("我是fun函数");
fun();
//window.fun();效果一样
window.alert("hello");

 变量的提前声明

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

 函数的声明提前

使用函数声明形式创建的函数function 函数（）{},他会在所以的代码执行之前就被创建

使用函数表达式创建的函数，不会被声明提前，所以不能在声明前调用

//fun();正常执行
//fun2();会报错
//console.log(fun2);答案为undefined

function fun(){
console.log("我是一个fun函数");

function fun2(){
console.log("我是一个fun2函数");

fun();
fun2();

函数作用域

1. 调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁
2. 每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的
3. 在函数作用域中可以访问全局作用域变量
4. 在全局作用域中无法访问函数作用域的变量
5. 当函数作用域操作一个变量时，他会在自身作用域中寻找，如果有就直接使用，如果没有就向上一级作用域中寻找，如果全局作用域没有找到，则会报错
6. 在函数中要访问全局作用域中的变量，那么在变量前加window.
7. 在函数作用域也有声明提前的特性，使用var关键字声明的变量，会在函数中所有的代码执行之前声明

var a=10;
function fun(){
var a="我是函数中的变量a";
var b=5;

//console.log(a);

funotion fun2(){
console.log("a="+a);
}
fun2();
}
fun();
//console.log(b);会报错


function fun3(){
fun4();

console.log(a);
var a=35;

function fun4(){
alert("fun4");
}
}
fun3();

变量测试

var c=5;

function fun(){
console.log(c);
var c=1;
}
fun();

结果是undefined,因为var提前声明，但是没有定义

var c=5;

function fun(){
console.log(c);
 c=1;//系统自动理解为window,全局的c
}
fun();
console.log(c);

答案为5，因为c没有声明，函数就会向上寻找

var e=6;

function fun(e){
alert(e);
}
fun(20);

 答案为20，是函数的形参