一、今日学习: JS基础 1.JavaScript介绍 概念:JavaScript简称js,是一门强大的编程语言,主要用于网页交互效果 2.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(变量); 二、存在问题 无 三、解决方法 多练 |
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |