黑马JavaScript基础--Day1

Day1

  1. JavaScript:内部、外部、行内。注意:书写位置尽量在末尾</body>前面。外部js标签中间不要写任何内容,会被忽略。
  2. 注释:单行:Ctrl + /   块:/* */ shift + alt +a
  3. 结束符:JavaScript使用‘;’结尾,但是也可以不写,推荐不写;(团队风格)。
  4. 输入和输出写法:

输出

  1. document.write(  )   引号输入的内容为你想输出内容,中间可以写HTML代码。    
  2. alert(  )   浏览器弹出的警示框,引号输入内容是你想输入的内容。

3、console.log(  )  控制台打印,输出给程序员看,输出多个内容用 “,” 隔开。

输入:prompt(“  ”)   引号内容为你输入内容,在浏览器弹出输入框时的提示内容。

  1. 字面量:100 是数字字面量, “字面量”,这个是字符字面量
  2. 变量:存储数据的容器。不是数据本身。
  3. 变量取名:(1)、不能有关键字 (2)、只能使用:下划线 _  ,字母,数字,$ 组成,不能数字开头。 并且严格区分大小写。 采用小驼峰: 例如 userName
  4. 变量的声明: let  变量名 ; var(是过去式),统一使用let。
  5. 不使用var原因, (1)var声明的变量可以重复声明  (2)变量提升、全局变量、没有块级作用域。
  6. 变量的赋值: let  age ,声明变量后,还没有给变量赋值,此时没有数据类型,赋值后才确定变量的数据类型,赋值操作: age=18 ,使用“=”来给变量赋值。
  7. 更新变量:声明变量—>赋值,赋值之后,还可以,让把其他值赋给此变量名,但是会覆盖之前数据。
  8. 交换两个变量:使用中间变量来暂存需要交换的变量。(冒泡做准备)
  9. 数组:解决一个变量一次只能存一个值的问题。Array(数组)。
  10. 数组声明: let 数组名=[‘值1’, ’值2’ ……]
  11. 输出数组: console.log(array[ i ] ),改变i的值(整数,从0开始),最大值为i-1。
  12. 数组里面不止能放数据,还可以放字符串等各种数据类型。
  13. 常量: 声明之后不能改变里面的值。 声明: const G=9.8
  14. 数据类型:分为基本数据类型和引用数据类型。
  15. 基本数据类型: number(数字)、 string(字符串)、boolean(布尔)、undefined(未定义)、null(空)
  16. 引用数据类型:object,对象
  17. Java中分整数、浮点数为强数据类型的语言 JavaScript是若数据类型的语言
  18. 算数运算符:+、-、*、/、%
  19. 优先级:*、/、%优先级相同,大于 +、-;可以使用( )提升优先级
  20. NaN:Not a Number 不是一个数字,计算错误的时候提示。NaN+任何都是:NaN
  21. 字符串:”4514541”这个数字加了引号,就是字符串了,单引号中可以使用双引号,双也可以(外双内单、外单内双)。  ‘ ’单引号, “ ”双引号, ` `反引号。
  22. + 使用细节:数字相加,字符相连。

数字与字符串相+: 例如: “ 我今年 ”+age+ ” 岁了 ”,输出变量age里面的年龄。

  1. 模板字符串:语法:反引号 `  ` ,包裹住字符串,内容拼接变量是使用 ${ },包裹住变量。
  2. Boolean布尔型:只有true和false的值。
  3. Undefined 未定义:只声明变量,不给变量赋值,就是未定义类型。
  4. Null 空:仅代表空,没有值,表示赋值了,但是为空。官方解释:把null作为未创建的对象。理解:将来有个变量存放的是一个对象,但是对象还没有创建好,可以先给一个null。
  5. 检测数据类型:typeof ( x),或者typeof x。都可以检测。
  6. 显示转换和隐式转换:

      隐式转换:

1、+两边只要有个是字符串,都会把另外一个转换成字符串

           除了+以外的算术运算符,-、*、/等都会把数据转换成数字类型

              缺点:转换类型不明确,得靠经验

2、如果采用prompt输入数字,在prompt前面加上一个+,把原本默认输入为字符串的数据转换为数字。

显示转换:

1、强制类型转换,str=”14324”   str的类型,现在是字符串,但是可用

Number(str),将str转换为数字类型,但是,如果str= “ sdghfi”,再使用   Number(str),会报错,因为没有数字,为NaN,NaN也是Number类型数据,  表示,非数字。

  1. parseInt(数据),只保留整数部分,除去字符串和小数部分。但是,前面不能有字符。
  2. parseFloat(数据),只保留小数部分,除去字符串部分,但是前面不能有字符。

案例:打印出用户订单信息。

方法:

  1. 先用HTML创建一个用户订单表格,数据写死。
  2. 在JavaScript部分,使用定义好商品单价、总量、订单总价、地址等变量参数,采用prompt方式输入,注意需要数字运算的字符串转换成数字型,才进行运算。
  3. 使用document.write( `  ` )  在反引号内写入HTMl代码,在数据部分,使用字符串模板

${ } 来进变量替换。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值