<js>入门（1）

前端三大核心技能

HTML/CSS/JAVASCRIPT

JAVASCRIPT(JS)

• 发展历史

1995 网景 LiveScript->JavaScript
1996 微软 JScript
Ecma
TC39 ECMA-262
1997 ES1
ES5(ECMAScript5)->2015年6 ES6(ES2015)->....

• 客户端JS的组成部分
  ES(核心语言) 变量、数据类型、函数、对象、数组，语句...
  DOM 文档对象模型
  BOM 浏览器对象模型
  
  
• JS作用
  浏览器JS做网页特效
  手机APP
  游戏
  服务器端(node)
  ...

JS是一门脚本语言(潜在其他语言中执行) 解释型语言

基本语法

• JS代码的位置

• 行内式

  <div onclick="alert('hello js');">我是一个div</div>

  了解即可，局限大，一般不采用
  
  

• 内嵌式

  <script>
   alert('hello world');
  </script>

• 外链式

  <script src="./my.js"></script> 

  项目中大量使用

• 注释

  <!-- html注释 -->
  js注释  单行注释 // .....
     多行注释 /*   */

• 语句

  以分号作为结束标记,区分大小写
  输出语句
  alert('内容')  弹出窗口
  document.write() 把内容输出到页面中 支持标签
  console.log() 在控制台输出内容
  

• 变量

  1 含义 在程序运行期间 其值可以发生改变的量 本质上一个容器
  2 定义 var 变量名; 
   或一次定义多个变量  
     var a = 1, b, c = 3;
  3 赋值 var 变量名; 变量名 = 值;
    var 变量名 = 值;
  4 变量名的命名规范
  
    * 字母、数字、_、$组成   
    * 不能以数字开头 
    * 区分大小写 a A  
    * 不能是关键字和保留字
       if/else/for...
   * 名字有语义 
   * 推荐小驼峰命名 如 studentName 多个单词组成，第二个单词首字母大写
    *大驼峰-多个单词组成，每个单词首字母都大写 如MaxLength,一般用于类名的设置
    *帕斯卡命名法-所有字母都小写，单词之间用_连接 如max_length
  

• 数据类型

              基本数据类型(原始数据类型) 
              number 数值 string 字符串 boolean 布尔类型 null 空 undefined 未定义
      
              对象数据类型(引用数据类型) 数组 函数  日期 数学 ...
  
             number数值类型 
             0.1+0.2 === 0.3     
             string字符串
             "abc\"d\""   
             \n 换行  \' \"  \t \\
             null 空 undefined 
             null表示没有对象 该处不应该有值   
             undefined 表示缺少值，此处应该有值，但没有定义
       
  
    <script>
     //基本数据类型（原始数据类型） 
     //对象数据类型（引用数据类型）数组 函数  日期 数学
     //number数值 string 字符串,单双引号引起 boolean 布尔类型 null 空 undefined 未定义类型
     var x = 10;
     var y = 1.2;
     console.log(typeof y);//number
     var str = "hello";
     var str2 = "桃之夭夭，灼灼其华";//string
     var bool = true;
     console.log(typeof bool);
     var a = null;
     var b;
     console.log(typeof b);
     console.log(0xf);
     console.log(2.3e5);
     console.log(0.1 + 0.2 === 0.3);//错误 小数的精度丢失问题,超过范围
     console.log(1.9e405);//1.79e307最大
     console.log(typeof Infinity);//number
     console.log(NaN);//number，不是数字的数字，但无法表示出来
     console.log(NaN === NaN);//false,本身就不是一个数，算不来也不对
     console.log(NaN + 1);//NaN
     var m = 12;
     console.log(12 === NaN);//false
     console.log(isNaN(m));//is  是否 true
     console.log(isFinite(1.9e552));//是否在范围内
  
     </script>