JS学习之引入，变量和数据类型

1>引子

    JavaScript是什么

    javaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（Event Driven）的、

    安全性好的脚本语言。

    它运行在客户端从而减轻服务器的负担。

    为什么要引入javascript？

    如果把网页比作一个人的话，人的本体就是HTML（网页的实质性内容都在HTML里面），穿的衣服就是CSS（

    美化网页风格，设置样式等等），人的行为就是js（网页的各种交互），js能让网页“活动”起来。

    javaScript的特点：

1. javaScript主要用来向html页面中添加交互行为
2. javaScript是一种脚本语言，语法和c语言系列语言的语法类似，属弱语言类型。
3. javaScript一般用来编写客户端脚本。
4. javaScript是一种解释型语言，边执行边解释无需另外编译。

    javaScript的用途是解决页面交互和数据交互，最终目的是丰富客户端效果以及数据的有效传递

    JavaScript的组成部分：ECMAScript、DOM、BOM

2>js引入

    同css引入方法，它也有 1>行内式引入、2>内联式、3>外链式，当然，实际项目中也是用 外链式

    先以行内式引入走一下惯例，如下

    

    内联式如下，

    

    

    注意：引入的时候要在body之后，我们要等待所有的dom元素和图片资源加载完成之后再去执行相应的js操作

    dom ： document object model，文档对象模型，html的每个标签对应一个dom对象。

    外链式

    

    注释： 双斜杠   //注释内容  或者  /*注释内容*/

3>基础方法介绍

       //在页面元素后写入内容
document.write('追加显示，并不是html本身内容');

   //控制台打印信息
console.log('something');

   //控制台打印错误信息
console.error('some errors');

   //列出对象的所有属性和方法
console.dir(window);

   //提示用户输入，类似python的input
var a = prompt('username');
console.log(a);

注意：每一行语句的结尾都应加上分号。

4>变量

    4.1>变量可以先声明，后定义，或者直接声明定义。

    如下几种方式和打印结果。

        

    4.2>变量命名规则

    推荐驼峰命名法，有多个有意义的单词组成名称的时候，第一个单词的首字母小写，其余的单词首字母大写

    这跟python不同，python推荐多个单词用下划线连接，且首字母不用大写。

    此外，不能数字开头，不能纯数字，不能用关键字（js自己的关键字），js不能用保留字（HTML标签

    名和属性名等）等跟python几乎一样，

    具体如下：

    

    

    5>数据类型

        5.1>基本数据类型

            number ，  string， bool，null，undefined

        typeof 方法可以查看类型， 格式 typeof(xx) 或者 typeof xx

        

        注意上面，null是一个对象，空对象，0作为分母时，结果为 infinity，无限大，但类型还是number

    5.2>引用数据类型

            函数function，日期data，数组等。