JavaScript基础

95 阅读2分钟

1、JavaScript简介

JavaScript是一种基于对象和事件驱动的脚本语言,由ECMAScript+BOM+DOM三部分组成。
ECMAScript是一种语法标准,包括语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象等内容。编码须遵循ECMAScript标准。
BOM指Brower Object Model(浏览器对象模型),它提供了独立于内容与浏览器窗口进行交互的对象。
DOM指Document Object Model(文档对象模型),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。

2、JavaScript的三种使用方法

<body>
    <!-- 1、行内 -->
    <!-- onclick 点击事件,点击触发弹出框显示“我爱js!” -->
    <button type="button" onclick="alert('我爱js!')">点我有惊喜!</button>

    <!-- 2、内部 -->
    <script>
       alert('我爱js!') ;
    </script>

    <!-- 3、外部引入 -->
    <script src="./index.js"></script>
</body>

3、JavaScript 变量

变量是用于存放数据的"容器"。我们通过变量名获取数据,并且数据是可修改的。
变量在使用时分为两步:1.声明变量,2.赋值。
一个变量被重新赋值后,它原有的值会被覆盖,变量值将以最后一次赋的值为准。

<script>
        // 先声明变量
        var name;
        // 再赋值 从右到左,把右边给到左边
        name = '迪丽热巴';
        /* alert() 弹出框 */
        alert(name);

        /* 同时声明变量并赋值 */
        var name = '迪丽热巴';
        /* console.log() 在控制台中存储 */
        console.log(name);

        /* 声明多个变量 */
        var name,age,sex;
        name = '刘亦菲';
        age = 34;
        sex = 'female';
        /* document.write() 向html文档中输入,"+ '<br>'"换行  */
        document.write(name,age,sex);
        /* document.write(name + '<br>');
        document.write(age + '<br>');
        document.write(sex); */

        /* 声明多个变量并赋值 */
        var name = '刘亦菲',age = 34,sex = 'female';
        console.log(name,age,sex);
    </script>

ECMAScript5以及之前的版本使用var来声明变量,ECMAScript6新增let来声明变量,使用let声明的变量不能被重复声明。一些老的浏览器只支持var声明的变量(如ie8),谷歌、火狐、ie10等均支持let声明的变量。

变量命名规范

1639032640(1).jpg

4、JavaScript 数据类型

        /* 基本数据类型 */
        /* 声明对象但是没有赋值,类型为undefined */
        /* let user; */
        /* typeof 检测数据类型 */
        /* console.log(typeof user); */

        /* null表示一个空值,类型为object,与undefined值相等 */
        /* var o = null;
        console.log(typeof o); *//* 显示类型为object */

        /* number 数字型 */
        /* var num = 99.9; */ /* 小数也叫浮点数 */
        /* console.log(typeof num); */

        /* boolean 布尔型,包含两个值 true false */
        /* true false 关键字,不能作为变量 */
        /* var flag = false;
        console.log(typeof flag); */

        /* string 字符串型 */ /* 用单引号或双引号包裹 */
        // var str = '我爱你中华';