JavaScript干货

JavaScript web 开发人员必须学习的 3 门语言中的一门：
1.HTML 定义了网页的内容
2.CSS 描述了网页的布局
3.JavaScript 网页的行为
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
——————————————————————————————————————————————————
1.JavaScript的上手非常方便，只要电脑安装了浏览器，就可以用来实验了。只要打开Chrome浏览器的“开发者工  具”（Developer Tools），就可以在它的“控制台”（console）运行JavaScript代码。


     进入“控制台”，有两种方法。


快捷键。在Chrome浏览器中，直接按Option + Command + J（Mac）或者Ctrl + Shift + J（Windows/Linux）。


2.JavaScript程序的执行单位为行（line），也就是一行一行地执行。


3.语句以分号结尾，一个分号就表示一个语句结束。多个语句可以写在一行内。


4.DOM是JavaScript操作网页的接口






——————————————————————————————————————————————————————
菜鸟教程笔记
——————————————————————————————————————————————————————
1.将会学习到什么;
a.JavaScript：直接写入 HTML 输出流
b.JavaScript：对事件的反应
c.JavaScript：改变 HTML 内容
d.JavaScript：改变 HTML 图像
e.JavaScript：改变 HTML 样式
e.JavaScript：验证输入


2.在html中脚本必须要放在的标签之间
  而脚本可以放置在HTML页面和部分中。
  会告诉 JavaScript 在何处开始和结束。
  之间的代码行包含了 JavaScript:


3.javascript显示数据
  （1）可以使用window.alert（）弹出警告框
   （2）使用document.write（）方法将内容写到html文档中
   （3）使用innerHTML写入到HTML元素
   （4）使用console.log（）写入到浏览器的控制台


4.JSON 是用于存储和传输数据的格式
       通常用于服务端向网页传递数据


  JSON是一种轻量级的数据交换格式，是独立的语言，易于理解。
      它的格式下语法上与创建JavaScript对象的代码是相同的。所以使用JavaScript程序可以很容易的
    将JSON的数据转换为javascript对象
5.JS函数的定义


6.div的话，就是通过
  div的嵌套使用来完成整个网页的布局，你可以将div理解成一个一个的块，然后在div块中写入P等等标签，然后再通过CSS来  修饰就行了，如高度，宽度，背景


7.变量提升
  JavaScript引擎的工作方式是，先解析代码，获取所有被生命的变量，然后在一行一行的运行，所有的变量声明语句都会提升到代码的头部。


8.标识符
  可以是任意Unicode字母，中文是合法的标识符，可以用作变量名。


9.注释：
  一种是单行注释，用//起头；另一种是多行注释，放在/* 和 */之间。
  第二种最好是用早，函数定义中做解释说明用。
  
10.区块
  JavaScript使用大括号，将多个相关的语句组合在一起，称为“区块”（block）
  区块中的变量与区块外的变量，属于同一个作用域。


11.if判断语句
不要混淆“赋值表达式”（=）与“严格相等运算符”（===）或“相等运算符”（==）。因为，“赋值表达式”不具    有比较作用。


12.break语句和continue语句
   break语句用于跳出代码块或循环：
var i = 0;


while(i < 100) {
  console.log('i当前为：' + i);
  i++;
  if (i === 10) break;
}
上面代码只会执行10次循环，一旦i等于10，就会跳出循环




continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。


var i = 0;


while (i < 100){
  i++;
  if (i%2 === 0) continue;
  console.log('i当前为：' + i);
}
上面代码只有在i为奇数时，才会输出i的值。如果i为偶数，则直接进入下一轮循环。


如果存在多重循环，不带参数的break语句和continue语句都只针对最内层循环


13.标签（label）
语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置
标签可以是任意的标识符，但是不能是保留字，语句部分可以是任意语句。


标签通常与break语句和continue语句配合使用，跳出特定的循环。
top:
  for (var i = 0; i < 3; i++){
   for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
     console.log('i=' + i + ', j=' + j);
   }
  }
二：数据类型
1.JavaScript的数据类型，共有六种。（ES6又新增了第七种Symbol类型的值
数值（number）：整数和小数（比如1和3.14）
字符串（string）：字符组成的文本（比如”Hello World”）
布尔值（boolean）：true（真）和false（假）两个特定值
undefined：表示“未定义”或不存在，即此处目前没有任何值
null：表示空缺，即此处应该有一个值，但目前为空
对象（object）：各种值组成的集合
通常将数值，字符串，布尔值称为原始类型。他们是最基本的数据类型
对象称为合成类型（complex type）的值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种 值的容器。至于undefined和null，一般将它们看成两个特殊值。


2.typeof运算符
JavaScript有三种方法，可以确定一个值到底是什么类型。


typeof运算符
instanceof运算符
Object.prototype.toString方法




对于null和undefined，可以大致可以像下面这样理解。


null表示空值，即该处的值现在为空。比如，调用函数时，不需要传入某个参数，这时就可以传入null。


undefined表示“未定义”，下面是返回undefined的典型场景。


// 变量声明了，但没有赋值
var i;
i // undefined


// 调用函数时，应该提供的参数没有提供，该参数等于undefined
function f(x) {
  return x;
}
f() // undefined


// 对象没有赋值的属性
var  o = new Object();
o.p // undefined


// 函数没有返回值时，默认返回undefined
function f() {}
f() // undefined




三.数值
1.在JavaScript语言的底层，根本没有整数，所有数字都是小数（64位浮点数）。
由于浮点数不是精确的值，所以涉及小数的比较和运算要特别小心。


2.正零和负零
在JavaScript内部，实际上存在2个0：一个是+0，一个是-0。它们是等价的。
几乎所有场合，正零和负零都会被当作正常的0。
唯一有区别的场合是，+0或-0当作分母，返回的值是不相等的。


(1 / +0) === (1 / -0) // false  是因为除以正零得到+Infinity，除以负零得到-Infinity，这两者是不相等的


3.NaN
NaN是JavaScript的特殊值，表示“非数字”（Not a Number），主要出现在将字符串解析成数字出错的场合。
NaN不是一种独立的数据类型，而是一种特殊数值，它的数据类型依然属于Number，使用typeof运算符可以看得很清楚
typeof NaN // 'number'
NaN不等于任何值，包括它本身。
NaN在布尔运算时被当作false。
NaN与任何数（包括它自己）的运算，得到的都是NaN。


isNaN方法可以用来判断一个值是否为NaN。
isNaN(NaN) // true
isNaN(123) // false
4.Infinity 
Infinity表示“无穷”，用来表示两种场景。一种是一个正的数值太大，或一个负的数值太小，无法表示；另一种是非0数值除以0，得到Infinity。

5.parseInt（）
parseInt方法用于将字符串转为整数
parseFloat()
parseFloat方法用于将一个字符串转为浮点数。。


四.对象
1.简单说，所谓对象，就是一种无序的数据集合，由若干个“键值对”（key-value）构成。


var o = {
  p: 'Hello World'
};
上面代码中，大括号就定义了一个对象，它被赋值给变量o。这个对象内部包含一个键值对（又称为“成员”），p是“键名”（成员的名称），字符串Hello World是“键值”（成员的值）。键名与键值之间用冒号分隔。如果对象内部包含多个键值对，每个键值对之间用逗号分隔。


2.对象的生成方法，通常有三种方法。除了像上面那样直接使用大括号生成（{}），还可以用new命令生成一个Object对象的实例，或者使用Object.create方法生成。


var o1 = {};
var o2 = new Object();
var o3 = Object.create(null);


为了避免这种歧义，JavaScript规定，如果行首是大括号，一律解释为语句（即代码块）。如果要解释为表达式（即对象），必须在大括号前加上圆括号。


({ foo: 123})


3.函数
  function命令声明的代码区块，就是一个函数。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。


function print(s) {
  console.log(s);
}