网站推广做多大尺寸,网站建设的知识和技能,wordpress 管理界面,wordpress购买会员资格1 - 作用域
1.1 作用域概述
通常来说#xff0c;一段程序代码中所用到的名字并不总是有效和可用的#xff0c;而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性#xff0c;增强了程序的可靠性#xff0c;减少了名字冲突。
Ja…1 - 作用域
1.1 作用域概述
通常来说一段程序代码中所用到的名字并不总是有效和可用的而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性增强了程序的可靠性减少了名字冲突。
JavaScriptes6前中的作用域有两种 全局作用域 局部作用域函数作用域
1.2 全局作用域
作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。
1.3 局部作用域
作用于函数内的代码环境就是局部作用域。 因为跟函数有关系所以也称为函数作用域。
1.4 JS没有块级作用域 块作用域由 { } 包括。 在其他编程语言中如 java、c#等在 if 语句、循环语句中创建的变量仅仅只能在本 if 语句、本循环语句中使用如下面的Java代码 java有块级作用域 if(true){int num 123;system.out.print(num); // 123
}
system.out.print(num); // 报错 以上java代码会报错是因为代码中 { } 即一块作用域其中声明的变量 num在 “{ }” 之外不能使用 而与之类似的JavaScript代码则不会报错 Js中没有块级作用域在ES6之前 if(true){var num 123;console.log(num); //123
}
console.log(num); //123
2 - 变量的作用域
在JavaScript中根据作用域的不同变量可以分为两种 全局变量 局部变量
2.1 全局变量
在全局作用域下声明的变量叫做全局变量在函数外部定义的变量。 全局变量在代码的任何位置都可以使用 在全局作用域下 var 声明的变量 是全局变量 特殊情况下在函数内不使用 var 声明的变量也是全局变量不建议使用 scriptfunction add() {a 3aconsole.log(a);}add()console.log(a);/script
2.2 局部变量
在局部作用域下声明的变量叫做局部变量在函数内部定义的变量 局部变量只能在该函数内部使用 在函数内部 var 声明的变量是局部变量 函数的形参实际上就是局部变量 scriptfunction add() {var a 3aconsole.log(a);}add()console.log(a);
/script
2.3 全局变量和局部变量的区别 全局变量在任何一个地方都可以使用只有在浏览器关闭时才会被销毁因此比较占内存 局部变量只在函数内部使用当其所在的代码块被执行时会被初始化当代码块运行结束后就会被销毁因此更节省内存空间
3 - 作用域链
变量写在函数内部属于局部作用域未写在任何函数内部即在全局作用域中如果函数中还有函数那么在这个作用域中就又可以诞生一个作用域根据在**[内部函数可以访问外部函数变量]**的这种机制用链式查找决定哪些数据能被内部函数访问就称作作用域链
内部函数访问外部函数的变量采取的是链式查找的方式来决定取哪个值 这种结构我们称为作用域链-- 采取原则
4 - 预解析
4.1 预解析的相关概念
JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步预解析和代码执行。 预解析在当前作用域下, JS 代码执行之前浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义。 代码执行 从上到下执行JS语句。 预解析会把变量和函数的声明在代码执行之前执行完成。
4.2 变量预解析
预解析也叫做变量、函数提升。 变量提升变量预解析 变量的声明会被提升到当前作用域的最上面变量的赋值不会提升。
console.log(num); // 结果是多少
var num 10; //
结果undefined
注意**变量提升只提升声明不提升赋值**
4.3 函数预解析
函数提升 函数的声明会被提升到当前作用域的最上面但是不会调用函数。
fn();
function fn() {console.log(打印);
}
结果控制台打印字符串 --- ”打印“
注意函数声明代表函数整体所以函数提升后函数名代表整个函数但是函数并没有被调用
1. 我们js引擎运行js 分为两步 预解析 代码执行
(1). 预解析 js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面
(2). 代码执行 按照代码书写的顺序从上往下执行
2. 预解析分为 变量预解析变量提升 和 函数预解析函数提升
(1) 变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作
(2) 函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数
4.4 函数表达式声明函数问题
函数表达式创建函数会执行变量提升此时接收函数的变量名无法正确的调用
fn();
var fn function() {console.log(想不到吧);
}
结果报错提示 ”fn is not a function
解释该段代码执行之前会做变量声明提升fn在提升之后的值是undefined而fn调用是在fn被赋值为函数体之前此时fn的值是undefined所以无法正确调用
5 - 对象
5.1 对象的相关概念 什么是对象 在 JavaScript 中对象是一组无序的相关属性和方法的集合所有的事物都是对象例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。 属性事物的特征在对象中用属性来表示常用名词 方法事物的行为在对象中用方法来表示常用动词 为什么需要对象 保存一个值时可以使用变量保存多个值一组值时可以使用数组。 如果要保存一个人的完整信息呢 例如将“张三疯”的个人的信息保存在数组中的方式为 var arr [‘张三疯’, ‘男, 128,154]; 上述例子中用数组保存数据的缺点是数据只能通过索引值访问开发者需要清晰的清楚所有的数据的排行才能准确地获取数据而当数据量庞大时不可能做到记忆所有数据的索引值。 为了让更好地存储一组数据对象应运而生对象中为每项数据设置了属性名称可以访问数据更语义化数据结构清晰表意明显方便开发者使用。 使用对象记录上组数据为 var obj {name:张三疯,sex:男,age:128,height:154
} JS中的对象表达结构更清晰更强大。
5.2 创建对象的三种方式 利用字面量创建对象 使用对象字面量创建对象 就是花括号 { } 里面包含了表达这个具体事物对象的属性和方法{ } 里面采取键值对的形式表示 键相当于属性名 值相当于属性值可以是任意类型的值数字类型、字符串类型、布尔类型函数类型等 代码如下 var star {name : pink,age : 18,sex : 男,sayHi : function(){alert(大家好啊~);}
}; 上述代码中 star即是创建的对象。 对象的使用 对象的属性 对象中存储具体数据的 键值对中的 键称为对象的属性即对象中存储具体数据的项 对象的方法 对象中存储函数的 键值对中的 键称为对象的方法即对象中存储函数的项 访问对象的属性 对象里面的属性调用 : 对象.属性名 这个小点 . 就理解为“ 的 ” 对象里面属性的另一种调用方式 : 对象[‘属性名’]注意方括号里面的属性必须加引号 示例代码如下 console.log(star.name) // 调用名字属性
console.log(star[name]) // 调用名字属性 调用对象的方法 对象里面的方法调用对象.方法名() 注意这个方法名字后面一定加括号 示例代码如下 star.sayHi(); // 调用 sayHi 方法,注意一定不要忘记带后面的括号 变量、属性、函数、方法总结 属性是对象的一部分而变量不是对象的一部分变量是单独存储数据的容器 变量单独声明赋值单独存在 属性对象里面的变量称为属性不需要声明用来描述该对象的特征 方法与函数的区别 方法是对象的一部分函数不是对象的一部分函数是单独封装操作的容器 函数单独存在的通过“函数名()”的方式就可以调用 方法对象里面的函数称为方法方法不需要声明使用“对象.方法名()”的方式就可以调用方法用来描述该对象的行为和功能。 利用 new Object 创建对象 创建空对象 var andy new Obect();//此时在内存中定义了一个空对象我们用andy这个变量来接受这个对象andy就是我们的对象 过内置构造函数Object创建对象此时andy变量已经保存了创建出来的空对象 给空对象添加属性和方法 通过对象操作属性和方法的方式来为对象增加属性和方法 Javascript的动态特性可以随时的为对象增加一些成员方法是对象.属性 示例代码如下 andy.name pink;
andy.age 18;
andy.sex 男;
andy.sayHi function(){alert(大家好啊~);
} 注意 Object() 第一个字母大写 new Object() 需要 new 关键字 使用的格式对象.属性 值; 利用构造函数创建对象自定义构造函数 我们为什么需要构造函数 因为我们一次创建一个对象里面很多的属性和方法是大量相同的 我们只能复制 因此我们可以利用函数的方法 重复这些相同的代码 我们就把这个函数称为 构造函数 又因为这个函数不一样里面封装的不是普通代码而是 对象 构造函数 就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面 构造函数 注意事项 构造函数约定首字母大写。帕斯卡命名第一个单词的首字母大写后续的每一个单词的第一个字母都大写 函数内的属性和方法前面需要添加 this 表示当前对象的属性和方法。 构造函数中不需要 return 返回结果。 当我们创建对象的时候必须用 new 来调用构造函数。 其他构造函数如 Stars()抽象了对象的公共部分封装到了函数里面它泛指某一大类class 创建对象如 new Stars()特指某一个通过 new 关键字创建对象的过程我们也称为对象实例化 new关键字的作用 在构造函数代码开始执行之前创建一个空对象 修改this的指向把this指向创建出来的空对象 执行函数的代码 在函数完成之后返回this---即创建出来的对象 this详解this出现的三种情况1.函数2.对象方法 3.构造函数 JavaScript中的this指向问题有时候会让人难以捉摸随着学习的深入我们可以逐渐了解 现在我们需要掌握函数内部的this几个特点 函数在定义的时候this是不确定的只有在调用的时候才可以确定 一般函数直接执行内部this指向全局window 函数作为一个对象的方法被该对象所调用那么this指向的是该对象 构造函数中的this其实是一个隐式对象类似一个初始化的模型所有方法和属性都挂载到了这个隐式对象身上后续通过new关键字来调用从而实现实例化
5.3 遍历对象 for...in 语句用于对数组或者对象的属性进行循环操作。 其语法如下 for (变量 in 对象名字) {// 在此执行代码
} 语法中的变量是自定义的它需要符合命名规范通常我们会将这个变量写为 k 或者 key。 for (var k in obj) {console.log(k); // 这里的 k 是属性名console.log(obj[k]); // 这里的 obj[k] 是属性值
}
