黑马程序员技术交流社区

标题: js [打印本页]

作者: 超雪 时间: 2019-4-25 12:41
标题: js
一. 数据存储单位
2. 计算机基础 bit < byte < kb < GB < TB<.....  位(bit)： 1bit 可以保存一个 0 或者 1 （最小的存储单位）  字节(Byte)：1B = 8b  千字节(KB)：1KB = 1024B  兆字节(MB)：1MB = 1024KB  吉字节(GB): 1GB = 1024MB  太字节(TB): 1TB = 1024GB
   ------JavaScript是一门高级编程语言

JS的组成：ECMAScriptJavaScript语法    DOM页面文档对象模型       BOM 浏览器对象模型
JavaScript 输入输出语句
alert(msg) 浏览器弹出警示框浏览器
console.log(msg) 浏览器控制台打印输出信息浏览器
prompt(info) 浏览器弹出输入框，用户可以输入浏览器

<script>
      //  想要交换就要借助一个工具另外一个变量假如是桌子
      var apple = ('紫苹果');
      var apples = ('红苹果');
      var zuozi;

      // 把紫苹果给桌子
      zuozi = apple;
      // 把红苹果给紫苹果
      apple = apples;
      //  把(桌子)上的紫苹果给红苹果紫苹果是放在桌子上面的  之所以要写桌子
      apples = zuozi;
      console.log(apple, apples);
</script>
二.变量在内存中的存储：
变量是内存存储数据的空间
变量语法扩展
声明变量特殊情况情况说明结果
var age ; console.log (age); 只声明不赋值 undefined
console.log(age) 不声明不赋值直接使用报错
age = 10; console.log (age); 不声明只赋值 10
简单数据类型
number  数字型
boolean  布尔 true  false
string 字符串
undefined 未定义
null 空值
字符串转义符 ----------
\n换行符 ---------- \t tab 缩进

字符串拼接：字符串 + 任何类型 = 拼接之后的新字符串
+ 号总结口诀：数值相加，字符相连
如果变量两侧都有字符串拼接，口诀“引引加加 ”，删掉数字，变量写加中间
简单数据类型：交互编程的三个基本要素 1.用户输入  2.程序内部处理 3.是输出结果
那么在程序中要如何实现呢？
① 弹出一个输入框（prompt)，让用户输入年龄（用户输入）
② 把用户输入的值用变量保存起来,把刚才输入的年龄与所要输出的字符串拼接（程序内部处理）
③ 使用alert语句弹出警示框（输出结果）
数据类型转换
在数字类型转换中要是遇到数值相减的 - 这个符号本身就有默认转换就不用再转换了
转换为字符串方式一  toString() 方式二强制转换

算数运算符

运算符
表达式的结果；表达式的返回值
1.直接输出（控制台调试打印）表达式的返回值
console.log(num1 % 2);
2.用变量接受（保存）表达式的返回值
var str=‘黑马’+‘传智’
前置递增和后置递增运算符
前置自增先变量自加1  然后在表达式返回原值
++c

后置自增先表达式返回原值  后面变量再自加1
c++

比较运算符的表达结果是布尔值  true 或者 false
1.程序里面的等于符号==  等于符号默认转换数据类型会把字符串的数据转换为数字型  只要求值相等。
2.程序里面有全等  要求是两侧的值一模一样  还有数据类型完全一致才可以  才是true
逻辑运算符
&&与的意思是如果两侧都为true 结果才是true  只要有一侧是false  结果就为false
&&的记忆口诀一假为假
逻辑或|| or
口诀一真为真
两侧都为假结果才为假 false  只要有一侧为true  结果就是true
逻辑非！not
取反
逻辑运算符的运算中断
逻辑与&& 参与逻辑运算有2个表达式，如果表达式1能够决定最终的运算结果，那么就不会去执行表达式2，逻辑运算中断--------  如果表达式1为假则返回表示1的值。
逻辑或|| 如果表达式1为真则返回表达式1的值如果表达式1的结果为false 则返回表达式2的值。
演示案例
<script>
      // 逻辑运算符的运算中断

      // 表达式1 && 表达式2
      // 表达式1 || 表达式2

      // 参与逻辑运算有2个表达式，如果表达式1能够决定最终的运算结果，那么就不会去执行表达式2，逻辑运算中断。

      // 逻辑与发生中断的情况【一假为假】：表达式1的结果为假

      // 1-如果表达式1为假，返回表达式1的值
      console.log(0 && 123); // 0
      console.log(5 < 3 && 123); // false

      // 2-中断情况的代码演示：
      var num = 10;
      console.log(5 < 3 && ++num); // false

console.log(num); // 10，说明num自增的代码没有执行，也就是说逻辑与断了

      console.log('~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~');
      // 逻辑或发生中断的情况【一真为真】：表达式1的结果为真

      // 1-当逻辑或，如果表达式1为真，则返回表达式1的值，
      // 如果表达式1的结果为假，则返回表达式2的值。
      console.log(123 || false); // 123

      console.log(0 || 123); // 123

      console.log(5 > 3 || 123); // true

      // 2-发生中断的演示
      var n = 20;
      console.log(5 > 3 || ++n); // true
      console.log(n); // 20，说明n自增的代码没有执行，发生了中断
</script>

分支语句
// 1. if 的语法结构如果if
      // if (条件表达式) {
      //    // 执行语句
      // }

      // 2. 执行思路  如果 if 里面的条件表达式结果为真 true 则执行大括号里面的执行语句
      // 如果if 条件表达式结果为假则不执行大括号里面的语句则执行if 语句后面的代码
      双分支语句
// 1. 语法结构  if 如果  else 否则
      // if (条件表达式) {
      //    // 执行语句1
      // } else {
      //    // 执行语句2
      // }
      // 2. 执行思路如果表达式结果为真那么执行语句1  否则  执行语句2
      // 3. 代码验证
      var age = prompt('请输入您的年龄:');
      if (age >= 18) {
         alert('我想带你去网吧偷耳机');
      } else {
         alert('滚，回家做作业去');
      }
      // 5. if里面的语句1 和 else 里
多分支语句
// 1. 多分支语句就是利用多个条件来选择不同的语句执行得到不同的结果  多选1 的过程
      // 2. if else if语句是多分支语句
      // 3. 语法规范
      if (条件表达式1) {
         // 语句1;
      } else if (条件表达式2) {
         // 语句2;
      } else if (条件表达式3) {
         // 语句3;
      } else {
         // 最后的语句;
      }
      // 4. 执行思路
      // 如果条件表达式1 满足就执行语句1 执行完毕后，退出整个if 分支语句
      // 如果条件表达式1 不满足，则判
逻辑运算符

switch 语句和 if else if 语句的区别
一般情况下，它们两个语句可以相互替换
switch...case 语句通常处理 case为比较确定值的情况，而 if…else…语句更加灵活，常用于范围判断(大于、等于某个范围)
switch 语句进行条件判断后直接执行到程序的条件语句，效率更高。而if…else 语句有几种条件，就得判断多少次。
当分支比较少时，if… else语句的执行效率比 switch语句高。
当分支比较多时，switch语句的执行效率比较高，而且结构更清晰。
for循环

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2