首页 > 编程语言 >JavaScript笔记 01

JavaScript笔记 01

时间:2024-03-19 18:01:24浏览次数:22  
标签:01 console log JavaScript 笔记 js var 字符串 变量

目录

01 js概述

02 js代码的基本使用

03 js变量的基本使用

04 变量的类型

05 数值类型

06 字符串类型

07 布尔类型

08 使用typeof查看变量的类型

09 其他类型转换为字符串类型

10 其他数据类型转换为数值型

11 其他数据类型转换成布尔类型

12 小知识点


01 js概述

前端的三大技术:

        1.html结构标准

        2.css表现标准

        html和css由(万维网联盟)推出的标准

        3.JavaScript行为标准

                负责网页的动态效果  表单的验证

                ECMA  欧洲计算机制造商协会 推出的标准

        JavaScript 简称js 特点:简单易用 上手容易 精通难

                js运行需要js解释器

                运行在浏览器中的 因为绝大部分浏览器都内置js解析器

                js是受事件驱动执行的

        js的三大核心:

                ECMAScript: js基础语法

                DOM

                BOM

02 js代码的基本使用

注释:

         //单行注释

        /*多行注释*/

弹窗:

        1.信息确认弹窗 alert()

        2.选择弹窗 confirm()

        3.输入弹窗 prompt()

日志输出:

        普通日志: console.log()

        警告日志:console.warm()

        错误日志:console.error()

03 js变量的基本使用

概念:值可以发生改变的量 就是变量.

        变量就是一个容器 用来存储程序运行过程中 产生的临时的数据

变量的创建:

        变量声明 和 变量赋值

        变量声明 var 变量名;

        变量赋值 变量名 = 值;

        变量的初始化: 声明变量的同时赋值

变量的命名规则:

        变量名不能使用数字开头或者纯数字作为变量名

        不建议使用中文作为变量名

        不能使用关键字或者保留字

04 变量的类型

变量的类型分类:

       1. 基本数据类型(简单数据类型/值类型)

                number(数值型) :包括整数 小数 正负数

                string(字符串型):是由单引号或者双引号包起来的

                boolean(布尔类型):只有两个值 true(真)false(假)

                undefined(未定义):值为undefined

                        当一个变量声明后没有赋值的情况下 这个变量的值就是undefined。

                null 空值

       2. 引用数据类型(复杂数据类型)

变量的语法扩展:

        1.更新变量

        2.声明多个变量:

                var a=1,

                      b=2,

                      c=3;

        3.声明变量的特殊情况

                1.只声明不赋值 返回值为undefined

                2.不声明 不赋值 直接使用这个变量 (会报错)

                3.不声明直接赋值 (变量可以正常使用,系统能自动声明)

05 数值类型

        数字型的最大值:console.log(Number.MAX_VALUE);

        数字型的最小值:console.log(Number.MIN_VALUE);

        无穷大:console.log(Number.MAX_VALUE*2);

        无穷小:console.log(-Number.MAX_VALUE*2);

        非数字(NaN)

                任何关于NaN的操作 返回值都是NaN  NaN 不与任何值相等 包括它本身

        isNaN()判断是否为非数字 

                是非数字返回true,否则返回false

06 字符串类型

获取字符串的长度:变量名.length

字符串拼接   符号  +

        字符串和其他类型拼接 最终得到的都是字符串

        变量和字符串拼接的时候   引引加加

                console.log('希望大家永远'+age+'岁');

        模板字符串的写法:

                console.log(`希望大家永远${age}岁`);

07 布尔类型

        true参加加法运算的时候看做是1

        false参加加法运算的时候看做是0

        NaN   undefined和数字相加 最终结果是NaN

        null 空值 参与加法运算看做是0

08 使用typeof查看变量的类型
<script>
    var a;
    console.log(typeof a);//undefined
    var num=10;
    console.log(typeof num);//number
    var num1=3.1415926;
    console.log(typeof num1);//number 
    var b=NaN;
    console.log(typeof b);//number
    var str='今天学习真开心';
    console.log(typeof str);//string
    var boo=true;
    console.log(typeof boo);//boolean
    var  c=null;
    console.log(typeof c); //object
</script>

09 其他类型转换为字符串类型

方法:

        1.利用字符串拼接的特点转换:

                变量+' ' 变量的后面拼接一个空字符串  

        2.变量.toString( ) 转换成字符串

                数值无法直接调用toString方法  会报错

        3.String(其他数据类型的变量名)

10 其他数据类型转换为数值型

隐式类型转换:

        一旦字符串和数值类型进行减乘除运算的时候  会自动将字符串转换成number数值类型

        console.log(其他数据类型变量名 * 1)

强制类型转换:

        1.parseInt(字符串)

                从左往右解析 遇到非数字停止 返回数字部分 如果开头就是非数字 则返回NaN

        2.parseFloat(字符串)

                解析规则和parseInt一样 只不过他能多解析出来小数

        3.Number(字符串)

                字符串必须时纯数字才能解析成功 否则就返回NaN

11 其他数据类型转换成布尔类型

方法: Boolean(其他数据类型)

        邪恶六兄弟 false 0 "" undefined null NaN

        除了这六兄弟转换成布尔值是false以外 其他的所有值转换成布尔值都是true

12 小知识点

 将未定义未赋值的变量赋值给其他的变量 则输出的结果为undefined 。

        var a=10;

        var a=b;  //b自动被系统认为是没有定义没有赋值的变量,所以a=b 结果为undefined

        console.log(a)  //返回值为undefined

标签:01,console,log,JavaScript,笔记,js,var,字符串,变量
From: https://blog.csdn.net/m0_47045804/article/details/136844226

相关文章

  • 操作系统内存管理笔记
    单级页表分页储存页表页表中的页表项是连续存放的,因此页号可以是隐含的,不需要占用空间页表中的块号所记录的只是内存块号,而非内存块的起始地址案例一假设某系统物理内存大小为4GB,页面大小为4KB,则每个页表项至少应该为多少字节解答:由题目可知,内存块大小=页......
  • 010_域名和域名系统
    目录域名解析系统DNS域名解析过程域名解析系统DNS域名解析过程......
  • 010_geoserver
    目录什么是geoserver简单了解什么是geoserver百度百科-验证简单了解GeoServer的安装(Windows)与初步使用......
  • 010_帆软入门
    目录设计器安装FineReport界面介绍普通报表入门示例新建数据连接新建报表准备数据报表设计标题设计表格数据计算总销量设置父子格设置单元格样式效果预览参数查询入门示例图表设计入门示例填报功能入门示例决策系统挂载报表App快速预览单张模板HTML5端快速访问单张模板第一张普......
  • python/pygame坦克游戏边学边写笔记(六)
    一、给玩家坦克一个脆弱的家测试玩了一下,才发现玩家的家还没安排。1、载入家的图片。2、地图字典索引,生命值设为1,生命脆弱哦。3、wall_map方法中设定家的位置。ifdata.iloc[row,colum]=='家':wall_type='home'......
  • ESP32学习笔记-双核编程
    写在前面ESP32集成了两个TensilicaXtensaLX6微处理器(核心0和核心1)。FreeRTOS作为ESP32的操作系统,提供了多任务支持,可以使得这两个核心同时工作。在不使用FreeRTOS的情况下,程序默认跑在核心1上,而核心0主要运行WIFI和bluetooth;如果我们的项目不频繁使用WIFI蓝牙,建议使用多......
  • P8685 [蓝桥杯 2019 省 A] 外卖店优先级
    这道题虽然难度很低,但是细节不少1.要先处理减,再处理加。因为是先经历了空档期的优先级衰减,然后才有订单带来的优先级提升;先减后加的时候有0这个下限兜底,如果先加后减可能会导致答案偏小。2.减之后和加之后都要check一下,如果in_cache为true,减完之后小于等于三,但是加了以后又上升......
  • Learning Disentangled Graph Convolutional Networks Locally and Globally论文阅读
    LearningDisentangledGraphConvolutionalNetworksLocallyandGlobally论文阅读笔记Abstract存在的问题:​ 尽管现有的gcn取得了成功,但它们通常忽略了现实世界图中通常出现的纠缠潜在因素,这导致了无法解释的节点表示。更糟糕的是,虽然重点放在局部图信息上,但整个图的全局知......
  • 鸿蒙学习笔记-DevEco Studio 安装
    鸿蒙DevEco Studio是开发华为鸿蒙系统必须要安装的开发软件软件下载软件下载地址:HUAWEIDevEcoStudio和SDK下载和升级|华为开发者联盟,根据自己使用的电脑情况,选择对应的下载文件 软件安装下载后的文件是zip压缩包,解压后,打开安装文件,点击Next保持默认选项,点击Next......
  • Windows Server 2019上离线安装.NET Framework 3.5
    1、打开服务器管理器首先,下载sxs文件。然后打开服务器管理器,点击左侧的“仪表盘”,如下图所示。https://chaonb.lanzouw.com/ifOU01rvm7gf密码:666 2、添加角色和功能点击上图中的“添加角色和功能”,弹出下图所示“添加角色和功能向导”。3、选择安装功能一直点击“下......