js基础语法1：书写位置，输出语句，变量，命名，简单数据类型， typeof ()检测变量数据类型，数据类型转换，运算符

憨憨404

已于 2022-12-03 00:29:39 修改

阅读量295

点赞数

分类专栏： JS基础文章标签： javascript 开发语言

于 2022-12-02 20:54:28 首次发布

本文链接：https://blog.csdn.net/qq_60839348/article/details/128153213

版权

JS基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

JavaScript 的三大组成：

ECMA： 定义了javascript的语法规范,描述了语言的基本语法和数据类型

BOM： 浏览器对象模型，可以操作浏览器的 API，通过 BOM 可以操作浏览器。eg：弹出框、浏览器跳转、获取分辨率等

DOM： 文档对象模型，操作页面中的元素，eg：增加个 div，减少个 div，给 div 换个位置等

html：标记语言

js: JavaScript : 编程语言

JavaScript代码的书写位置: 行内式， 内嵌式，外链式

<body>
    <!-- 行内样式表 -->
    <a href="javascript:alert('haha')">我是行内样式表</a>
    <a href="javascript: alert('ha')">点我</a>
    <br>


    <!-- 外部引入js -->
    <script src="index.js"></script>
    
    <!-- 内联样式表 -->
    <script >
        //注释
        alert('哈哈，弹框')
        
    </script>

</html>

JS 中的注释快捷键：

单行注释：// 快捷键（ctrl+/）
多行注释：/*注释的内容*/ 快捷键（alt+shift+a）

变量：在程序中保存数据的一个容器，根据变量名称可以获取到内存中存储的数据（即：存了一个数据，给这个数据起名）

语法： var 变量名 = 值

定义变量及赋值：

    <script>
        /* 
            1.定义变量不赋值
                var 变量名
            2.定义变量并赋值
                var 变量名 = 值
            3.可以利用一个var定义多个变量不赋值（一般不推荐）
                var 变量名1，变量名2，。。。。
            4.可以利用一个var定义多个变量并赋值（一般不推荐）
                var 变量名1 = 值1，变量名2 = 值2，。。。。
            5.利用一个var定义多个变量，有的赋值，有的不赋值（一般不推荐）
                var 变量名1,变量名2 = 值2，变量名3，。。。。
            我们一般定义变量的时候最好都是一个var定义一个变量。
         */


        
        // 定义了一个a变量未赋值
        var a
        // 定义了一个变量b并赋值为10
        var b = 10
        // 定义了3个变量c d  e但是没有进行赋值
        var c, d, e
        // 定义了3个变量，c变量存储的值为10，d存储的为20，e存储的为30
        var c = 10, d = 20, e = 30
        // 定义了3个变量c  d  e，c和e是有值的，d是没有值的
        var c = 10, d, e = 30
    </script>

变量的命名规则和规范

1.变量名字可以使用数字、字母、_、$

2.数字不允许开头（a1是可以的 1a是错误的）

3.js中严格区分大小写（a和A这是2个变量）

4.不要使用js当中的关键字和保留字

规范：

1.变量名字尽量语义化，也就是见名知意。

2.起名字的时候单词多的情况尽量驼峰命名

js中的输出语句：

    <script>

    1.alert(输出的内容)：在浏览器中会弹出一个提示框
    2.console.log(输出的内容)：在控制台输出内容（打开检查工具，点开console就可以看到）
    3.document.write(输出的内容)：直接把输出内容显示在网页上，可以识别输出语句中的标签
    注意：以后输出的时候只要是数字或者变量名字都是不加引号的，不是数字或者变量名需要加引号
    一旦对变量名加了引号了，他就变成一个字母了，而不是一个变量名字

        // 弹框
        alert('我是alert语句')
        alert(1111) 
        alert('<h1>我是通过js写的h1</h1>')
        
        // 控制台
        console.log('我是console.log语句')
        console.log(111);
        console.log('<h1>我是通过js写的h1</h1>');

        // 页面
        document.write('我是document的输出内容')
        document.write(1111)
        document.write('<h1>我是通过js写的h1</h1>')
    </script>

练习：2个变量交换值：

    <script>
        /* 
            2个变量交换值：
                var a = 10
                var b = 20
                请尝试将a和b中存储的值进行交换，也就是交换之后a存储的是20，b存储的是10
        */
        var a = 10
        var b = 20

        // 交换逻辑
        var c
        c = a
        a = b
        b = c

        console.log(a);
        console.log(b);       
    </script>

基本数据类型：

    <script>
        /* 
        js中常见的数据类型
            1.基本（简单）数据类型
                1）数值类型Number  10   3.2
                    整数：10
                    小数：3.2
                2）字符串类型String
                    只要是引号包裹的数据都是字符串类型,这里的引号可以是单引号、双引号、反引号``
                    比如：'a'  'hello'
                3)布尔类型Boolean
                    他的值只有2个：true和false
                    true在程序中表示真，正确的意思，在程序运算过程中true会被当作1进行运算
                    flase在程序中表示假，错误的意思，在程序运算过程中false会被当作0进行运算
                4）空类型undefined，表示没有的意思
                    理解：这里本该有一个数据，但是现在根本没放数据
                    大白话：变量只定义根本没赋值
                5）空类型null，表示由一个空的值
                    理解：这里真的有一个值，这个值就是null
                    明确给一个变量赋值为null了
            2.引用（复杂）数据类型（今天先不学习）
        */

        var x = 10//数值
        var y = 10.5//数值
        var a = 'hh'//字符串
        var b = '9'//字符串
        var c = true//布尔
        var d = false//布尔
        var e//undefined
        var f = null//
        console.log(f );
    </script>

typeof

typeof ( )

检测数据类型的语法

        /* 
            检测数据类型的语法：
            typeof的返回值（结果）就是该数据的数据类型
            返回值指的就是结果的意思
                语法一：typeof 你要检测的数据
                语法二：typeof(你要检测的数据)
                要检测的东西如果是一个需要运算的式子，我们用（）写法，如果不是一个式子，2种写法都可。
            typeof检测数据类型的结果
                1.数值类型用number表示
                2.字符串类型用string表示
                3.true和false类型都是boolean表示
                4.undefined值的类型就是undefined
                5.null这个值的类型用object表示，typeof的检测null的时候结果都是object
        */

判断数据类型

判断数据类型：
// 第一种使用方式
var n1 = 100;
console.log(typeof n1);
// 第二种使用方式
var s1 = 'abcdefg';
console.log(typeof(s1));

数据类型转换：

Number（），parseInt（），-0，*1，/1

String（），变量.toString

+号两侧，有一侧是字符串就会拼接 eg: ' ' + a + b + c 输出 abc

运算符：

<script>
/*
    运算符：
        1.算数运算符
            +
            -
            *：乘号
            /
            %：求余数
            **：幂运算，求几的几次方
        2.赋值运算符
            =
            +=
            -=
            *=
            /=
            %=
        3.比较运算符
            比较运算符的结果一定是true或者false
            >:大于号
            <：小于号
            >=：大于等于
            <=：小于等于
            ==：等于
                只看值，不看数据类型
            ===：恒等于
                既要值是否一样，还要看数据类型是否一样
            !=：不等于,是==的对立面
            !==：不等于，是===的对立面
        4.逻辑运算符
            && 逻辑与，两者必须都满足
            || 逻辑或，二者之一满足
            ！ 逻辑非，取反
        5.自增自减运算符：都自+1，或者自减1
            ++在前，先自加1，再运算
            ++在后，先运算后，再自加1
            -- 自减也是如此
            ++
            --
*/
</script>

憨憨404

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础语法1：书写位置，输出语句，变量，命名，简单数据类型， typeof ()检测变量数据类型，数据类型转换，运算符

js基础语法1：书写位置，输出语句，变量，命名，简单数据类型， typeof ()检测变量数据类型，数据类型转换，运算符
复制链接

扫一扫