学习js的第二天

学习内容：

1. js的组成部分

2. js注释

3. js输出语句

4. js输入语句

5. 变量

6. 变量的命名规则和规范

7. 数据类型

8. 字面量

9. isNaN

10. 字符串

---

js的组成部分：

• DOM

1. 文档对象模型 document object model
2. 一个.html就是要一个文档 一个文档有很多标签
3. 通过js 去添加 删除 修改标签 属性 及标签内容

• BOM

1. 浏览器对象模型 browser object model

2. 通过js操作浏览器 获取自己想要的内容

• ECMAScript

JavaScript 语法 

现在更新到ES13

常用的是ES5  ES6  ES7

---

js注释：

• 不影响代码的运行
• 帮助我们更好的阅读代码
• 把不用的代码 注释掉

1. 单行 // ctrl+/
2. 多行 /**/

---

js输出语句

1. alert();
2. console.log();
3. document.write();

区别：

alert();弹框体验太差  
document.write(); 将内容输出到页面上  可能会破坏页面的结构  

​ 上面的两个的共同点就是 你给我的我给你输出 仅仅是输出

---

js输入语句

prompt('提示内容','默认内容');

---

变量

定义变量 
var 变量名 = 值;
var num = 666;  # 把666放到一个名字叫num的箱子里
var 定义变量的关键词 
num 变量名 
=  不是我们生活中的等号 赋值符号  也就是把右边的给到左边 
666 值  放到箱子中的值 

---

变量的命名规则和规范

 // 规则 
        // 必须遵守
        // 1. 变量名只能是 字母a-zA-Z 数字0-9 下划线_ $(美元) 组成
        // 2. 变量名不能以数字开头
        // 3. 严格区分大小写 
        // 4. 不能是关键字(正在用的)和保留字(将来要用的)
    

        var num = 100;
        var NUM = 200;

        console.log(num); // 100 

        // 规范
        // 可以遵守 可以不遵守 最好遵守

        // 1. 变量名尽量有意义  不能起名 aaa bbb ccc
        // username  user_age
        // 2. 变量名尽量用小驼峰命名法或者 大驼峰 
        // 小驼峰  第一个单词首字母小写  后面每个单词首字母大写
        // userName userAge
        // 大驼峰  每个单词首字母大写
        // UserName UserAge
        // 3. 下划线命名法
        // user_name user_age
        // 4. 不能用中文

---

数据类型

1. 基本数据类型

   1. 数值 Number  

整数 100
浮点数 100.5
科学计数 100e2
二进制 八进制 十六进制
Infinity -Infinity 正无穷 负无穷
NaN

1. 1. 字符串 String

被引号包过的内容就是字符串

         ' '

         ""

         ``

都是成对出现 一旦找到另外一个 整个字符串结束

' " ' " => 绝对不可以

1. 1. 布尔类型 Boolean

true
false

1. 1. undefined

Undefined 空

1. 1. 空 Null

null

1. 复杂数据类型

---

字面量

一个数值 一个字符串 true都是一个字面量

// 1. 数值字面量  1  1.23  0xff  0b1010  0o767
// 2. 字符串字面量 'hello'  "hello"  `hello`
// 3. 布尔字面量  true  false
// 4. null字面量  null
// 5. undefined字面量  undefined

数字的范围

    // alert(Number.MAX_VALUE); // 注意大小写
    // alert(Number.MIN_VALUE); // 注意大小写

---

isNaN（）

NaN Not a Number 非数字

 // isNaN()  判断一个值是否是NaN  非数字

console.log(isNaN(666)); // 666 是数字  所以结果是false

console.log(isNaN('test')); // test 不是数字  所以结果是true

---

字符串

1. 引号的嵌套

   ''

   ""

   `` 能解析变量 里边的内容原样显示

   嵌套: 
   	一对单引号中包裹一对双引号或者一对反单引号
   	一对双引号中包裹一对单引号或者一对反单引号
   	一对反单引号中包裹一对双引号或者一对单引号
   	
   注意:
   	拒绝交叉嵌套 

   // var name = '陌上人如玉,'公子'世无双'; // 报错
   // var name = '陌上人如玉,"公子"世无双'; // 对
   // var name = '陌上人如玉,`公子`世无双'; // 对
   // // var name = '陌上人如玉,"公子'世无双"; // 报错
   

2. 转义字符

   \n  换行 
   \t  tab键
   \\ 原样显示\ 

3. 字符串的长度

 字符串.length;
 一个空格 标点符号 都占一个长度

 var test  = '人的一生成功只是一时,失败确实主旋律.如何面对失败, 却把人分成了好多个样子.';
alert(test.length);// . 可以理解为什么什么的  
上面可以理解为查看 字符串的长度

        4.字符串的拼接

// + 两边如果都是数字  那么相加
// + 左右只要有一个是字符串  那么就是拼接

// 拼接就是连在一起