Javascript基础知识（一）

1.Javascript简介

　　1.1相关介绍

　　JavaScript（缩写为JS）是一种高级的、多范式、解释型的编程语言，是一门基于原型、函数先行的语言，它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式，不支持I/O（比如网络、存储和图形等），但可以由它的宿主环境提供支持。它已经由ECMA（欧洲计算机制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器支持。JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript 的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。　

　　1.2组成部分

　　ECMAScript是一个标准，它规定了语法、类型、语句、关键字、保留子、操作符、对象。　　　　

       BOM（浏览器对象模型）：可以访问浏览器窗口的浏览器对象模型，对浏览器窗口进行操作。

　　DOM（文档对象类型）：DOM把整个页面映射成一个多层节点结构。HTML页面组成都是某种类型的节点，这些节点又包含着不同类型的数据。

　　1.3用途

　　JavaScript 脚本语言由于其效率高、功能强大等特点，在表单数据合法性验证、网页特效、交互式菜单、动态页面、数值计算等方面获得广泛的应用。

2.JavaScript的编写与运行

　　2.1编写方式

　　　　JS也是一种脚本语言，他可以有两种方式在HTML页面进行引入，一种是外联，一种是内部。

　　　　外联方式：<script src = "相对路径"></script>（相对路径链接的是JavaScript文件，文件的扩展名为.js，如index.js）

　　　　内部方式：<script>

　　　　　　　　　　//在script标签内书写相关代码

　　　　　　　　　</script>

　　　　注：script标签习惯写在body标签末尾或html标签末尾

　　2.2运行方式

　　 向页面中打印内容：

document.write(“这是一些文本内容”);
可以直接解析标签：document.write(“<strong>加粗的内容</strong>”);
　　注：影响页面结构，转成字符

　　向浏览器的控制台打印信息：

console.log("hello world");（跟document.write()原理类似）

　　浏览器弹出框打印内容：

alert("相关内容")；
注：阻塞程序执行，转成字符

 3.变量

　　3.1 变量声明：var（关键字）变量名 

        3.2 变量的命名规则：

            （1）必须使用字母下划线$开头

            （2）语义化，词必达意，最好使用数据类型的首字母做首字母（开头），驼峰式

            （3）不允许使用关键字和保留字

    

 4. js的数据类型：

　　数值（number） 字符（string）  布尔值（boolean） 声明未赋值（undefined ）  对象 （object） 数组（array）函数 （function）

       检测数据类型：typeof   （关键字）变量名　　

　　　　　var a = 123;
        console.log(typeof a);        　 //number
        var b = "hello";
        console.log(typeof b);　　　　 　 //string
        var c = "123";
        console.log(typeof c);　　　　　　//string　
        var d = '[3,4,5,6,7,7,89]'
        console.log(typeof d);　　　　　　//string
        var e = true;
        console.log(typeof e);　　　　　　//boolean
        var f = false;
        console.log(typeof f);　　　　　　//boolean
        var g = undefined;
        console.log(typeof g);　　　　　　//undefined
        var h = function(){};
        console.log(typeof h);　　　　　　//function
        var i = {};
        console.log(typeof i);　　　　　　//object

　　三个特殊值：NaN undefined  null

     var a = NaN;
     console.log(a);                    //NaN
     console.log(typeof a);             //number
     console.log(NaN == a);             //false (NaN != NaN)

     var b = undefined;
     console.log(b);                    //undefined
     console.log(typeof b);             //undefined
     console.log(undefined == b);       //true (undefined == undefined)

     var c = null;
     console.log(c);                    //null
     console.log(typeof c);             //object
     console.log(null == c)             //true (null == null)

     console.log(NaN  == undefined );       //false
     console.log(NaN == null );            //false
     console.log(undefined == null );      //true