这是阿锃总结黑马程序员的第八节的内容,主要是对于JavaScript的相关知识和操作,总结到这里,希望可以帮助到大家,若是大家也想要跟随黑马程序员学习JAVA WEB可以打开我的主页查找第一节的文章,里面有黑马程序员的视频链接。
上才艺:
## 今日内容 1. JavaSript基础 ## JavaSript: * 概念:一门客户端脚本语言 * 运行在客户端的浏览器中,每一个浏览器都有Javascript的解析引擎 * 脚本语言:不与要编译,直接就可以被浏览器执行 * 功能: * 可以增强用户和html页面的交互过程,可以来控制html元素,让界面增加动态的效果 * ECMAScript:客户端脚本语言的标准 1. 基本语法(输出alert): 1. 与html的结合方式 1. 内部js:定义<script>,标签体内容就是js代码 * <script> alert("Hello World"); </script> 2. 外部js:定义<script>,通过scr属性引入外部的js文件 * <script src = "js/a.js"></script> * 注意: 1. <script>可以定义在html页面的任何地方,但是定义的位置会影响执行顺序 2. <script>可以定义多个。 2. 注释 1. 单行注释://注释内容 2. 多行注释:/*注释内容*/ 3. 数据类型 1. 原始数据类型: 1. number:数字。整数、小数、Nan(一个不是数字的数字类型) 2. string:字符、字符串'aaa'、"aaa"、"a" 3. boolean:true、false 4. null:一个对象为空的占位符 5. undefined:未定义,如果一个变量没有给初始化,会默认赋值为undefied 2. 引用数据类型:对象 4. 运算符 * 一元运算符:只有一个运算数的运算符 1. ++ 2. -- 3. +(正号) 4. -(负号) * 注意: 1. string转number:按照字面值转换。如果字面值不是数字,则转为NaN。 2. boolea转number:true转1 false转0 * 算数运算符 1. + 2. - 3. * 4. / 5. % * 赋值运算符 * 比较运算符(返回boolea类型的值) 1. = 2. == 3. === * 注意: 1. 类型相同:直接比较 * 字符串,按照字典顺序比较,按位逐一比较,知道得出大小为止 2. 类型不同:先进行类型转换,在比较 * ===全等于 在比较之前,先判断类型,如果类型不一样,则直接返回false * 逻辑运算符 1. && 2. || 3. ! * 注意: 1. number转boolean:0或NaN为假,非0为真 2. string转boolean:除了空字符串,其他都为true 3. bull&underfined转boolean:都是false 4. 对象转boolean:都是true * 三元运算符 ?: * 注意: 表达式 ? a:b; 判断表达式的值,如果是true则取a,反之。 5. 流程控制语句 1. if else 2. switch 在Javascript中,可以接受任意的原始数据类型。 3. do while 4. while 5. for 6. 变量 * 变量:一小块存储数据的内存空间 * java是强类型语言,JavaSript是若类型语言 * 语法: var 变量名 = 初始化值; * typeof: documment.write(变量名称 + typeof(变量名称)); 输出该变量的数据类型 7. 特殊语法 1. ;结尾:分号可以省略 2. 变量的定义使用 var 也可以不使用。 * 用var定义变量,该变量为局部变量 * 不用var定义变量,该变量为全局变量 2. 基本对象 * function:函数(方法)对象 1. 创建: 1. var fun = new Function(形式参数列表,方法体); 2. function 方法名称 (形式参数列表){ 方法体 } 3. var 方法名 = function(形式参数列表){ 方法体 } 2. 方法: 3. 属性: length:代表参数的个数 4. 特点: 1. 方法定义时,形参的类型不用写,返回值类型也不用写 2. 方法是一个对象,如果定义名称相同的方法,会覆盖 3. 在JS中,方法的调用只与方法的名称有关,与参数列表无关 4. 在方法声明中有一个隐藏的内置对象(数组),argument封装所有的实际参数 5. 调用: 方法名称(实际参数列表) * array:数组对象 1. 创建: 1. var arr = new Array(元素列表); 2. var arr = new Array(长度); 3. var arr = [元素列表]; 2. 方法 join(参数):将数组中的元素按照指定的分隔符拼接为字符串 push():向数组的末尾添加一个或更多的元素,并返回新的长度 3. 属性 length:数组的长度 4. 特点 1. 数组元素数据类型是可变的 2. 数组长度是可变的 * boolean * date:日期对象 1. 创建: var date = new Date(); 2. 方法 toLocateString():返回当前date对象对应的时间本地字符串格式 getTime():获取毫秒值。返回当前日期对象描述的时间到1970年1月1日0点的毫秒值差。 * math:数学对象 1. 创建: 不用创建,直接使用。Math.方法名(); 2. 方法: 1. random():随机取[0,1)的随机数 2. ceil():向上取整 3. floor():向下取整 4. round():四舍五入整数 * number * string * regexp:正则表达式 1. 正则表达式:定义字符串的组成规则 1. 单个字符:[] 如:[a] [ab] * 特殊符号代表特殊含义的单个字符 * \d:单个数字字符[0-9] * \w:单个单词字符 2. 量词符号 ?:表示出现0次或1次 *: 表示出现0次或多次 +:表示出现1次或多次 {m,n}:表示m<=数量<=n * {,n}:最多n次 * {m,}:最少m次 3. 正则对象、 1. 创建: 1. var reg = newRegExp("正则表达式") 2. var reg = /正则表达式/ 2. 方法 1. test(参数):验证指定的字符串是否符合正则表达式定义的规范
如果大家有问题或对于笔记有问题,可以私信或是在评论区留言我,我一定会及时回复。由于我最近的一些事情,给大家更新的比较慢,最后希望学习前端的小伙伴们,可以拿去学习!我们一同进步