• javascript-基础知识

    JavaScript：编程语言

    1.初识javascript

    目录

    JavaScript：编程语言

    1、初识Javascript

    2、JS的作用：

    3、HTML/CSS/JS之间的关系

    4、浏览器执行js简介

    5、js组成

    6、js初体验

    7、输入与输出语句

    8、变量

    9、数据类型

    10、运算符

    1、初识Javascript
    创始人： 布兰登 艾奇
    特点：
    （1）、运行在客户端的脚本语言（script是脚本意思）
    （2）、脚本语言：读一行，翻译一行，执行一行
    2、JS的作用：
    表单动态效验（密码强度检测）
    网页特效
    服务端开发 node-js
    桌面应用 electron
    app cordova
    控制硬件-物联网 ruff
    游戏开发 cocos2d-js
    3、HTML/CSS/JS之间的关系
    描述性语言：
    html：相当于人的身体--结构
    css：相当于给人穿衣服、化妆--修饰
    编程性的语言：
    js：相当于人的各种动作
    4、浏览器执行js简介
    渲染引擎：用来解释html和css
    js引擎：也称为js解释器，用于读取网页中的js代码，对其处理后运行
    浏览器本身并不会执行js代码，而是通过内置ja引擎（解释器）来执行js代码，js引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由机器去执行，所以js语言归于脚本语言，会逐行解释执行
    5、js组成
    ECMAscript：js语法----规定了标准语法
    DOM：页面（文档）对象模型
    BOM：浏览器对象模型
    6、js初体验
    三种书写方式：行内，内嵌，外部
    6.1、行内式js
    例如：
    • 可以将单行或者少量js代码写在html标签的事件属性中（以on开头的属性），如：onclick
    • 注意单双引号的使用：在html中我们使用 双引号；js中我们使用 单引号
    • 可读性差
    • 引号易错
    • 特殊情况下使用
    6.2、内嵌式js
    例如：
        
    6.3、外部js
    例如：
    alert('外部js')
    • 利用html页面代码结构化， 把大段js代码独立到html页面之外，美观，也方便文件级别的费用
    • 引用外部js文件的script
    • 适合于js代码量比较大的情况
    7、输入与输出语句
    8、变量
    8.1概念：变量是存放数据的 容器，我们通过 变量名来获取数据，甚至可以修改
    8.2 变量的使用：
    声明变量
    //声明变量
    var bl;
    var：是js中的一个关键字，用来声明变量（variable变量），使用该关键字声明变量后，计算机会自动分配内存
    赋值
    bl=10;
    输出
    console(bl);
    8.3
    1、输入
    2、输出输入内容
    var myname = prompt('请输入您的名字');
     alert(myname);
    8.4声明多个变量
    var a=1,
        b=2,
        c=3;
    8.5特殊情况
    8.6命名规范
    8.6交换变量的值
            var a = 111,
                b = 222,
                temp;
            console.log(a);
            console.log(b);
            temp = a;
            a = b;
            b = temp;
            console.log(a);
            console.log(b);
    9、 数据类型
    9.1变量的数据类型
    js的变量数据类型只有程序在运行过程中，根据等号右边的值来确定的；js是动态语言，变量的数据类型是可以变化的（与其他语言有所不同）
    9.2数据类型的分类
    • 简单数据类型  9.2.1 number （数字型） 9.2.1.1数字中的最大值最小值
            console.log(Number.MAX_VALUE)    //最大值
            console.log(Number.MIN_VALUE)    //最小值
          9.2.1.2数字中的无穷大和无穷小
    9.2.2 string ：字符串类型
    9.2.2.1获取字符串长度
            var str = 'my name is yang pan shuai'
            console.log(str.length);
    9.2.2.2字符串拼接
    多个字符串之间可以使用+进行拼接，拼接方式： 字符串+任何字符=拼接后的新字符
            var str = 'my name is yang pan shuai'
            console.log(str + 'woshipinjiedeziduchuan');
         
    变量在字符拼接中的使用：
    变量不需要在字符串中写，只需要+即可
            var a = 100;
            console.log('1+' + a + '=101');
    9.2.3 布尔类型：ture（1）/false（0）
    9.2.4 未定义类型：如果一个变量声明时未给值就是undefined  未定义类型
    注意：undefined和数字相加结果是 NaN
    9.2.5 空值类型：NULL；
    与数字相加返回数字；
    与字符串相加返回null；
    9.2.6获取检测变量的数据类型：typeof 
    注意：使用prompt取过来的值是字符型的
    9.3复杂数据 类型（object）
    9.4： 字面量
    自面量是在源代码中一个固定的表示法，（如何表达这个值）
    • 数字自面量：8.9.10
    • 字符串自面量：‘我是程序员’
    • 布尔字面量：ture，false、
    9.5数据类型转换： 把一种数据类型的变量转换成另外一种数据类型
    9.5.1转换为字符串类型 
            //1、字符串类型转换
            // 1.把数字转换成字符串类型tostring
            var num = 1;
            var str = num.toString();
            console.log(str);
            //2.强制转换
            console.log(String(num));
            //3拼接字符串（重点）
            console.log(num + '');
            原理：不管什么类型+字符串类型的都自动转换为字符串类型
    9.5.2转换为数字类型
    //1.遇到小数自动取整的parseint（）       
            var age = prompt('我是prompt我是字符串类型的')
            console.log(parseInt(age));
            console.log(parseInt(3.14)); //自动取整
            //2、遇到小数保留小数的parsefloat（）
            console.log(parseFloat(3.14));
            //3、利用number（）
            console.log(Number('12'));
            //4、利用- * /
    简单案例1：
            var year = prompt('请输入您的出生年份：');//这里还是字符串类型的
            var age = 2022 - year;//隐式转换为数字类型
            alert('您的年龄是' + age);
        
    9.5.3转换为布尔类型 
         简单案例2：       
            console.log(Boolean(''));
            console.log(Boolean(0));
            console.log(Boolean(NaN));
            console.log(Boolean(null));
            console.log(Boolean(undefined));
            console.log(Boolean('123'));
            console.log(Boolean('你好'));
            console.log(Boolean('你也好'))
    10、运算符
    10.1 算术运算符
            console.log(1 + 1);//+
            console.log(3 - 1);//_
            console.log(1 * 2);//*
            console.log(4 / 2);///
            console.log(9 % 7);//%
    注意：使用浮点数时会有精度问题
    10.2、表达式和返回值
    表达式：由数字、变量、运算符等以求得数值的有意义排列方法所得的组合（由数字、运算符、变量等组成的式子）
    10.3递增递减运算符
    递增：++
    递减：--
    10.4比较运算符
    概念：连个数据进行比较，会返回一个 布尔类型的结果（false（0）/ture（1））
     
    “==”仅仅判断两边的值是否相等
    注意“===“判断两边是否值和数据类型都相等
    10.5逻辑运算符
    10.6运算符优先级
  • 相关阅读:
    基于Python+MySQL的图书销售管理系统 课程论文+项目源码及数据库文件
    oracle 还原被覆盖的视图
    关与qt 布局 addWidget 会不会自动为子控件设置父对象问题
    Spring MVC介绍
    成功案例 | 安超云助力兰州大学第二医院搭建新型IT基础设施平台 提升医疗信息资源利用率
    [附源码]java毕业设计镐京学院教务管理系统
    四、通信和网络安全—网络通信基础与网络基础设施（CISSP）
    C/C++ 每日一练：计算斐波那契数列的第 n 项（递归、记忆化、迭代）
    蓝桥杯STM32G431RBT6实现按键的单击、双击、长按的识别
    C++快排 ~ 三种实现方法
  • 原文地址：https://blog.csdn.net/qq_68163788/article/details/126003737