javascript的运算优先级
运算符
前置运算符、后置运算符
- 前置递增运算符：++age，先加1，后返回值。
- 后置递增运算符：age++,先返回原值，后加1。
var a = 10;
++a; // ++a 11 a = 11
var b = ++a + 2; // a = 12 ++a = 12
console.log(b); // 14
var c = 10;
c++; // c++ 11 c = 11
var d = c++ + 2; // c++ = 11 c = 12
console.log(d); // 13
var e = 10;
var f = e++ + ++e; // 1. e++ = 10 e = 11 2. e = 12 ++e = 12
console.log(f); // 22
逻辑短路
- 逻辑与短路运算 如果表达式1 结果为真 则返回表达式2 如果表达式1为假 那么返回表达式1。
console.log(123 && 456); // 456
console.log(0 && 456); // 0
console.log(0 && 1 + 2 && 456 * 56789); // 0
console.log('' && 1 + 2 && 456 * 56789); // ''
- 逻辑或短路运算 如果表达式1 结果为真 则返回的是表达式1 如果表达式1 结果为假 则返回表达式2
console.log(123 || 456); // 123
console.log(123 || 456 || 456 + 123); // 123
console.log(0 || 456 || 456 + 123); // 456
- 逻辑中断很重要 它会影响我们程序运行结果。
分支语句
if分支语句
- 语法结构：
if (条件表达式) {
执行语句
}
- 执行思路： 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句 。如果if 条件表达式结果为假 则不执行大括号里面的语句 则执行if 语句后面的代码
if-else 双分支语句
- 语法结构：
if (条件表达式) {
执行语句1
} else {
执行语句2
}
- 执行思路：如果表达式结果为真 那么执行语句1 否则 执行语句2
if else if多分支结构
- 多分支语句 就是利用多个条件来选择不同的语句执行 得到不同的结果 多选1 的过程。
- 语法结构：
if (条件表达式1) {
语句1;
} else if (条件表达式2) {
语句2;
} else if (条件表达式3) {
语句3;
} else {
最后的语句;
}
- 执行思路：如果条件表达式1 满足就执行 语句1 执行完毕后，退出整个if 分支语句 ；如果条件表达式1 不满足，则判断条件表达式2 满足的话，执行语句2 以此类推；如果上面的所有条件表达式都不成立，则执行else 里面的语句。
三元表达式
- 语法结构：
条件表达式 ？ 表达式1 ： 表达式2
- 执行思路：如果条件表达式结果为真 则 返回 表达式1 的值 如果条件表达式结果为假 则返回 表达式2 的值。
var num = 10;
var result = num > 5 ? '是的' : '不是的'; // 我们知道表达式是有返回值的
console.log(result);
switch分支语句
- 语法结构：
switch (表达式) {
case value1:
执行语句1;
break;
case value2:
执行语句2;
break;
...
default:
执行最后的语句;
}
- 执行思路 ：利用我们的表达式的值 和 case 后面的选项值相匹配 如果匹配上，就执行该case 里面的语句 如果都没有匹配上，那么执行 default里面的语句 。
- 注意：（1） 如果当前的case里面没有break 则不会退出switch 是继续执行下一个case。
（2）我们开发里面 表达式我们经常写成变量.
循环
循环的目的是可以重复执行某些代码。
for 循环
for 重复执行某些代码， 通常跟计数有关系。
- 语法结构：
for (初始化变量; 条件表达式; 操作表达式) {
循环体
}
初始化变量 就是用var 声明的一个普通变量， 通常用于作为计数器使用 ； 条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件；操作表达式 是每次循环最后执行的代码 经常用于我们计数器变量进行更新（递增或者递减）
2. 代码体验 ：我们重复打印100句 你好
for (var i = 1; i <= 100; i++) {
console.log('你好吗');
双重for 循环
- 语法结构：
for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) {
for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {
执行语句;
}
}
- 我们可以把里面的循环看做是外层循环的语句。
- 外层循环循环一次， 里面的循环执行全部。
- 代码体验：
// 打印五行五列星星
var str = '';
for (var i = 1; i <= 5; i++) { // 外层循环负责打印五行
for (var j = 1; j <= 5; j++) { // 里层循环负责一行打印五个星星
str = str + '★';
}
// 如果一行打印完毕5个星星就要另起一行 加 \n
str = str + '\n';
}
console.log(str)
while循环
- 语法结构：
while (条件表达式) {
循环体
}
- 执行思路 当条件表达式结果为true 则执行循环体 否则 退出循环
- 代码验证
var num = 1;
while (num <= 100) {
console.log('好啊有');
num++;
}
- 里面应该也有计数器 初始化变量，里面应该也有操作表达式 完成计数器的更新 防止死循环
do-while循环
- 语法结构：
do {
循环体
} while (条件表达式)
- 执行思路： 跟while不同的地方在于 do while 先执行一次循环体 ，再判断条件， 如果条件表达式结果为真，则继续执行循环体，否则退出循环。
- 我们的do while 循环体至少执行一次。
- 代码体验
// 弹出一个提示框， 你爱我吗？ 如果输入我爱你，就提示结束，否则，一直询问。
do {
var message = prompt('你爱我吗?');
} while (message !== '我爱你')
alert('我也爱你啊');
continue
- 退出本次（当前次的循环） 继续执行剩余次数循环。只要遇见 continue就退出本次循环 ，直接跳到 i++
- 代码体验：
// 求1~100 之间， 除了能被7整除之外的整数和
var sum = 0;
for (var i = 1; i <= 100; i++) {
if (i % 7 == 0) {
continue;
}
sum += i;
}
console.log(sum);
break
break 退出整个循环。
数组
- 数组里面的数据一定用逗号分隔。
- arr.length 动态监测数组元素的个数，数组的长度是元素个数 不要跟索引号混淆。
- 新增数组元素：（1）修改length长度
（2）修改索引号 追加数组元素，若是索引号表示的元素在原数组，则表示替换原来的元素。
不要直接给 数组名赋值 否则里面的数组元素都没有了
函数
函数就是封装了一段可以被重复执行调用的代码块 ，目的 就是让大量代码重复使用。
函数的使用
函数使用分为两步： 声明函数 和 调用函数
- 声明函数：
function 函数名() {
函数体
}
function 声明函数的关键字 全部小写；函数是做某件事情，函数名一般是动词 sayHi ；函数不调用自己不执行。
- 调用函数
函数名();
调用函数的时候千万不要忘记加小括号。
形参、实参
- function 函数名(形参1,形参2…) {
// 在声明函数的小括号里面是 形参 （形式上的参数）
} - 函数名(实参1,实参2…);
在函数调用的小括号里面是实参（实际的参数） - 函数的参数可以有，也可以没有个数不限。
- 形参是接受实参的，形参类似于一个变量。
- 如果实参的个数和形参的个数一致 ，则正常输出结果；如果实参的个数多于形参的个数， 会取到形参的个数 ；如果实参的个数小于形参的个数 多于的形参定义为undefined 最终的结果就是 NaN。
- 我们尽量让实参的个数和形参相匹配。
函数的返回值
- 语法结构：
function 函数名() {
return 需要返回的结果;
}
函数名();
- 我们函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名() 通过return 实现的。
- 只要函数遇到return 就把后面的结果返回给函数的调用者，函数名() = return后面的结果。
- 注意事项：（1） return 终止函数，return 后面的代码不会被执行
function getSum(num1, num2) {
return num1 + num2;
alert('我是不会被执行的哦！')
}
console.log(getSum(1, 2));
（2）return 只能返回一个值， 返回的结果是最后一个值
（3）我们的函数如果有return ，则返回的是 return 后面的值，如果函数没有 return ，则返回undefined。
arguments的使用
- 只有函数才有 arguments对象 而且是每个函数都内置好了这个arguments。
function fn() {
// console.log(arguments); // 里面存储了所有传递过来的实参 arguments = [1,2,3]
// console.log(arguments.length);
// console.log(arguments[2]);
// 我们可以按照数组的方式遍历arguments
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
fn(1, 2, 3);
fn(1, 2, 3, 4, 5);
- 伪数组 并不是真正意义上的数组，具有数组的 length 属性，它没有真正数组的一些方法 pop() push() 等等。
函数的2种声明方式
- 利用函数关键字自定义函数(命名函数)
function fn() {
}
fn();
- 函数表达式(匿名函数) ：var 变量名 = function() {};
var fun = function(aru) {
console.log('我是函数表达式');
console.log(aru);
}
fun('pink老师')
注意：fun是变量名 不是函数名；函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值 而 函数表达式里面存的是函数；函数表达式也可以进行传递参数。
javascript的作用域
变量的作用域
根据作用域的不同我们变量分为全局变量和局部变量
- 全局变量： 在全局作用域下的变量 在全局下都可以使用。注意 ：如果在函数内部没有声明直接赋值的变量也属于全局变量
- 局部变量 ：在局部作用域下的变量 后者在函数内部的变量就是局部变量，注意： 函数的形参也可以看做是局部变量
从执行效率来看全局变量和局部变量：（1) 全局变量只有浏览器关闭的时候才会销毁，比较占内存资源
(2) 局部变量 当我们程序执行完毕就会销毁， 比较节约内存资源
js中没有块级作用域， js的作用域： 全局作用域 局部作用域 现阶段我们js 没有 块级作用域。我们js 也是在 es6 的时候新增的块级作用域。
块级作用域 {} if {} for {}
作用链域
作用域链 ： 内部函数访问外部函数的变量，采取的是链式查找的方式来决定取那个值， 这种结构我们称为作用域链 ，就近原则
预解析
-
我们js引擎运行js 分为两步： 预解析， 代码执行
-
预解析 js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面
-
代码执行 按照代码书写的顺序从上往下执行。
// // 案例3
var a = 18;
f1();
function f1() {
var b = 9;
console.log(a);
console.log(b);
var a = ‘123’;
}// 相当于以下代码 var a; function f1() { var b; var a; b = 9; console.log(a); console.log(b); a = '123'; } a = 18; f1();
结果为undefined ,9
// 案例4
function f1() {
var a = b = c = 9;
console.log(a);
console.log(b);
console.log(c);
}
// 相当于以下代码
function f1() {
var a;
a = b = c = 9;
// **相当于 var a = 9; b = 9; c = 9; b 和 c 直接赋值 没有var 声明 当 全局变量看**
// **集体声明 var a = 9, b = 9, c = 9;**
console.log(a);
console.log(b);
console.log(c);
}
f1();
// console.log(c);
// console.log(b);
// console.log(a);
结果为9，9，9，9，9，undefined
4. 预解析分为 **变量预解析** **（变量提升）** 和 **函数预解析** **（函数提升）**
（1）**变量提升** 就是**把所有的变量声明提升到当前的作用域最前面 不提升赋值操作。**
（2）**函数提升** 就是**把所有的函数声明提升到当前作用域的最前面 不调用函数。**
5496
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
