我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

薛伯一-20221028-js基础

[复制链接]
Paracelsus 发表于 2022-10-30 22:18:39 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

JS基础

一.JavaScript简称js,是一门强大的编程语言,主要用于网页交互效果
二.js入门---重点
2.1 js的四种引入方式
        1.分类
                1)内嵌式(内部式)---重点
                2)外联式(外链式)---重点
                3)html标签的事件属性引入---了解
                4)a标签href引入---了解
        2.细节说明:
                1)内嵌式---重点
                        概念:通过一对<script></script>在网页任意部分引入的方式
                        语法:<script>
                                jsd代码
                                </script>
                2外联式---重点
                        概念:通过外部创建一个xxx.js文件,在文件中直接写js代码,再通过script标签的src属性引入
        <script src="js文件路径"></script>
                3)html标签的事件属性引入---了解
                        概念:主要通过左右标签都有的事件属性来惊醒引入js的方式
                        语法:
               <div class="box" id="box"事件属性="需要执行的ja代码"></div>
                4)a标签的href引入---了解
                        a标签:超链接,主要用于跳转到href属性设置连接地址
四种引入方式区别:
        内部只针对当前网页有效,---测试或者演示
        外联式可以多次被调用,只需引入---实际项目开发
        标签事件属性,只能通过触发条件才会执行里面的jsdaima
        a标签本身就是超链接,指定JavaScript协议,与onclick无差别显示
2.3 js三种输方式---重点
作用:主要用于调试代码
语法:
        1.控制台输出---console.log('需要输出的内容')
        2.弹窗输出---('需要输出的内容')---页面加载顶部
        3.网页输出---document.write('需要输出的内容')---直接在网页中显示
        注意:网页输出可以解析html标签,其他两种不能解析
3.javaScript基础语法
3.1 注释
作用:主要用于对代码进行解释说明
语法:
1.单行注释://针对当前行生效
​2.多行注释:shift+Alt+A
3.2 变量----重点中的重点
定义变量:
ES5:通过关键字var 来定义一个变量
        var 变量名;
        赋值:变量名=值;
        合并写法:var 变量名 = 值 ;   //把变量的定义与赋值同时进行
ES6:通过关键字let 和 const来定义一个变量
        let:表示相当于var的定义,有块级作用域{}
        const:表示声明的是一个常量(不变的量),有块级作用域{},声明的时候必须同时赋值,并且声明结束之后不能重新赋值
#var let const 之间的区别---重点
ES5: 没有块级作用域,var定义变量后,还可以对已经定义好的变量还可以二次定义,但是以后的var无意义
ES6: 有块级作用域
let:声明的变量,不能再次使用let进行二次声明
const:声明的是常量,声明的时候必须同时赋值,并且不能修改
3.3 标识符---变量的命名规则
1.大小写字母、数字、下划线_,$,但是标识符不能以数字开始
2.不能是js种的关键字和保留字
3.区分大小写的
4.如果名字是由多个单词组成
        1)分隔符:_
驼峰命名法:
        大驼峰:每个单词的首字母大写
        小驼峰:除了第一个单词,其他单词的首字母大写
4.变量类型---掌握
作用:给程序种的变量分成不同类型,目的就是让计算机存储数据最大化
4.1基本类型
ES5:5基3引
        5个基本类型:number string boolean undefined null
        3个引用类型:object array function
ES6:  6基1引
        6个基本类型:number string boolean undefined null symbol
        1个引用类型:object
1.number数字
                整数:int、小数:float、NaN not a number
2.string 字符串
3.boolean(布尔值)
        执行结果有且只有两个  true false
4.undefined
        数据类型有且只有一个undefined
5.null 空对象
        null本身是早期js中的bug,但后期比较好用,一直保留下来
        null数据类型有且只有一个null
        null作用:清空对象,释放内存,可以通过给变量进行赋值null清除内存      
#面试题--null与undefined的区别:
        相同点:都代表的是无值
        不同点:
                undefined--定义了变量为赋值
                null--一个变量如果存储的值是引用数据类型,但是目前对象还没有创建,设置为null占位置
4.2数据类型转换---重点
概念:把一种数据类型转换成另外一种数据类型
作用:
        数据之间的运算只有同类型之间的计算,如果不同类型之间存在运算的话,我们把他们转换成同一中数据类型再进行运算
类型转换分类:
        1.强制数据类型转换--显示转换
        2.自动类型转换--隐式转换
强制类型转换
1.数字类型
2.布尔类型
3.转字符串
1.转数字类型
        1)转整数  parseTnt(变量);
        2)转小数  parseFloat(变量);
        3)转数字  Number(变量);
二、存在问题

三、解决方法
多练


回复

使用道具 举报

关注0

粉丝0

帖子19

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026