Js基础-学习笔记（1）

一、bom与dom

• bom-利用 js控制浏览器（刷新 前进 后退 缓存）
• dom-利用js控制document （修改标签样式，处理数据）
• ECMASCRTIPT：JS语法
• 案例01-经验：
  • ① 注意条件判断！
  • ② getElementById： 根据指定的 id（only） 属性值得到对象。

二、JS的书写位置

1. 行内式

• alert（弹窗，警告）
• onclick （点击）
• 不建议大量使用，不便于维护

2. 内嵌式

• 嵌入head
• JS执行顺序，由上到下

3. 外链式

• 名称xxx.js
• 使用script标签导入js文件

三、js中的输入与输出

1. 消息弹出窗口

• alert （‘xxx’）；

2. 在控制台输出内容

• console.log( ‘xxx’ ) ;
• 打印某些关键信息，用来调试bug

3. 在文档结构中输出内容

• document.write( ‘xxx’ );

4. 让用户输入内容

• prompt（‘xxx’）;

5. 询问用户是否确定

• confirm( ‘xxx’ );
• 只有两种答案：成立/否定

四、数据类型

（所有数据存储在内存中，不同数据类型，存储类型不一样）

• 可直接使用的数据
• 数值类型：Number （一切可算数运算）
• 最大最小值

1. console.log(Number.MAX_VALUE);
2. console.log(Number.MIN_VALUE);

• 非负数，趋近于0的正数
• 无穷大无穷小

1. console.log(Infinity); //注意大小写
2. console.log(-Infinity);

• 字符串类型：String （带引号的数据）
• 布尔值类型：Boolean
• true
• false

五、检测数据的类型

• typeof 检测数据；

• typeof （检测数据）；

• 求一个算数表达式的结果是什么类型

• console.log(typeof 10 + 10 ) ;
  

• output：number10

• 求解是先求typeof10，即number

• 优先级问题

• console.log(typeof （10+10） ) ; //求解为number
  

六、变量

• 定义：内存中的一块空间，此空间用来存储数据

	* 声明变量   

		* var 变量名；
	* 变量赋值

		* 变量名 = 变量值；
	* 变量取值

		* console.log ('我的名字是' + 变量名)；
* 变量的几种情况

	1. 无声明，直接使用变量 

		* //报错
	2. 有声明，无赋值 

		* //undefined
	3. 相同变量名的出现

		* //后面的会覆盖前面的

七、使用变量存储用户输入的数据

案例：

八、声明变量的多种方式

1.先声明，再赋值

• var name;

  • - var age;
    - var gender;
    - name = '小明';
    - gender = '男孩';
    - age = 22;
    

2. 在声明变量的同时赋值 -变量的初始化

• - var name = '小明';
  - var gender = '男生';
  - var age = 22;
  - alert(name + gender + age);
  

3. 批量声明多个变量，使用逗号隔开

• - var name ,gender ,age;
  - name = '小明';
  - gender = '男孩';
  - age = 22;
  - alert(name + gender + age);
  

4. 批量声明的同时初始化赋值

• - var name = '班长',age = 35,gender = '男孩';
  - alert(name  + age + gender);
  

九、变量名命名规则

* js中的关键字与保留字            
* 不能把关键字、保留字、true、false和null用作标识符。js中的关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等。按照规则，关键字也是语言保留的，不能用作标识符。以下就是ECMAScription的全部关键字：  break、else、new、var、 case、  finally 、 return、 void 、 catch  、for  、switch 、 while 、 continue、  function  、this 、 with 、default 、 if 、 throw 、 delete 、 in 、  try 、do 、 instranceof、  typeofECMA还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定的用途，但它们有可能将来被用作关键字。下面是ECMA第3版定义的全部保留字：abstract 、 enum   、int 、 short 、 boolean  、export  、interface、  static、  byte  、extends 、 long 、 super 、 char 、 final  、native  、synchronized 、 class  、float 、 package  、throws 、 const  、goto  、private 、transient 、 debugger 、 implements  、protected 、 volatile 、 double  、import  、public在代码中使用关键字作为标识符在大多数浏览器中都会倒是“Identifier Expected”（缺少标识符）错误。而使用保留字可能不会导致同样的错误，这要视具体的浏览器而定。一般来说，最好不要使用关键字和保留字作为标识符，一遍与ECMAScript未来的版本保持兼容。        
* 命名规则

1. 只能使用字母、数字、下划线、$、等符号组成
2. 不可数字打头
3. 不能使用系统的关键字与保留字
4. 尽量使用有意义的英文单词

十、算数运算符

 * 求和 +
 * 求差 -
 * 求商 /
 * 求积 *
 * 求模 %（取余数）

十一、“+”号

1. 求和“+”
2. 链接“+”
3. 隐式转换“+”

//在数字字符串的前面,添加一个+即可将String转换为Number

案例：

var str = '1234';
console.log(typeof str);   //String
var res3 = +str; 
console.log(res3); //Number
console.log(typeof res3);

案例例题：