我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

高钰琪-JS基础(1)-20221128

[复制链接]
mx88783 发表于 2023-1-5 19:06:45 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
本帖最后由 mx88783 于 2023-1-5 19:10 编辑

一、今日学习内容:
二、Javascript是什么
它是世界上最流行的语言之一,是一种运行在客户端的脚本语言(script是脚本的意思)
脚本语言:不需要编译的,运行过程中由JS解释器(JS引擎)逐行来进行解释并执行的
JS的发明者是布兰登艾奇,最初叫LlveScript,后改为JavaScript
JS作用:表单动态的校验(密码强度进行检测),是JS最初产生的目的
网页特效:服务端开发(Node.js)
游戏开发(coco2d.js)
HTML、CSS、JS的关系
HTML决定了网页的结构和内容
CSS决定网页呈现给用户的样式
JS实现业务逻辑和页面控制(决定功能),让页面和用户之间产生交互
浏览器执行JS的简介
渲染引擎:用来解析HTML和CSS,俗称内核
JS引擎:也叫JS解释器,用来读取网页中的JS代码,对齐处理后运行
JS组成
ECMAScript
是由ECMA国际(原欧洲计算机制造协会)进行标准化的一门程序语言,一般称为Javascript或JScript
DOM(文档对象模型)
是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM接口可以控制页面上的各种元素的操作(大小、颜色、位置等)
BOM(浏览器对象模型)
它提供独立于内容的、可以与浏览器窗口进行交互的对象结构。通过BOM可以操作浏览器的窗口,比如弹出框、控制浏览器的跳转、获取分辨率等
JS的三种书写方式
行内式:可以将单行或者少量的JS代码写在HTML标签中,要写在事件属性中(以on开头的属性),比如onclik
注意单双引号的使用,JS中推荐使用单引号
可读性较差在HTML中书写大量的JS代码,不方便阅读
引号会容易出现问题,会出现引号的双层嵌套,容易混淆
内嵌式:学习时常用可以将多行代码写到script标签中
外部引入JS文件:有利于HTML页面代码的结构化,把大段的JS代码独立HTML页面外,方便代码的复用
引入外部JS文件的script标签里面不要写代码,适合于JS代码量较大的情况
JS注释的使用
单行注释:为了提高代码的可读性,并且不会影响代码执行
多行注释:Alt+shift+a
JS的输入输出语句
alert(msg)浏览器的弹出警示框
console.log(msg)浏览器的控制台打印输出的信息
prompt(info)浏览器弹出输出框,用户可以进行相关内容的输入
JS的变量
变量就是一个装东西的盒子,变量的本质是程序在内存中申请一块空间用来存储数据
变量的使用:声明变量var age;变量的赋值age = 10;
变量的初始化:声明变量的同时进行赋值操作
更新变量:一个变量被重新赋值后,它原有的属性就会被覆盖掉,变量值将以最后一次赋值为准
同时声明多个变量:只需写一个var多个变量名之间用英文逗号隔开
变量声明的特殊情况
只声明,不赋值,会打印Undefined
不声明,也不赋值,会报错
不声明,只赋值,可以直接使用,但是会转化成全局变量
变量的命名规范:由首字母、数字、下划线、美元符号等组成,严格区分大小写,不要以数字开头,不要用关键字变量必须要有意义,变量名书写时可以使用驼峰式命名法:英文的首字母小写,后面的单词首字母大写
JS的数据类型:在计算机中,不同的数据类型所需占用的存储空间但是不同的为了便于把数据分成相应内存大小来进行存储,所以定义了不同的数据类型
变量的数据类型:变量是来存储值的内存所在地址的,变量的名称可以自定义,因为JS是弱类型的语言,所以意味着我们不需要提前声明变量的类型,在程序运行时,类型会被自动确认
JS的数据类型分类
简单的数据类型
Number数据型
包含整型和浮点型,默认值0
数值进制的转换:JS中8进制前面加0,16进制前面加0x
数字型的范围
打印数字的最大值console.log(MAX_VALUE);
打印数字的最小值console.log(MIN_VALUE);
数字型的三个特殊值
无穷大,大于任何数console.log(Infinity);
无穷小,小于任何数console.log(-Infinity);
代表一个非数值console.log('字符串');
判断一个值是不是非数值isNaN
String字符串类型
字符串可以是引号中的任意文本,语法用双引号或者单引号引起来
字符串引号的嵌套
字符串的转义符\n文字换行符,n代表newline,\\显示\,\t进行tab缩进,一般是四个空格,\b进行一个空格的输出
计算字符串的长度.length
字符串拼接:字符串+任何类型=拼接后的新字符串
Boolean布尔值类型,true真,等同于1,false假,等同于0
Undefined未定义:一个变量声明之后没有被赋值就会有一个Undefined
Null空
获取变量的数据类型(typeof 变量名);
数据类型的转换:使用表单、prompt获取过来的数据默认是字符串类型,此时就不能进行简单的加法运算,而是需要将获取到的数据转换成另一种我们所需要的的数据类型来进行使用
三种方式的数据类型转换
1、把数字转化为字符串类型:变量.toString、String();强制转化、隐式转换:加号拼接字符串,任何数据类型和字符串拼接结果都是字符串
2、转化为数字类型:转化为整型parseInt、转化为浮点型parsefloat、强制转化为数字型console.log(Number('  '));、隐式转换,可以使用运算来进行处理console.log("12"-0);
3、转化为布尔类型
布尔值均为false
console.log(Boolean('  '));
console.log(Boolean('0'));
console.log(Boolean('NaN'));
console.log(Boolean('null'));
console.log(Boolean('undefined'));
二、今日问题:无
三、解决方案:无

回复

使用道具 举报

关注0

粉丝0

帖子21

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

客服电话:18009298968

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

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

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