JavaScript学习笔记(一)

1、JavaScript是什么?

是一种运行在客户端(浏览器)的编程语言

2、JavaScript的组成是什么?

ECMAScript(基础语法)、WebAPIS(DOM、BOM)

3、JavaScript书写位置有哪些?

行内、内部、外部

4、注释方式有哪些?

//  单行注释,快捷键:ctrl+/ 

/*   */  多行注释,快捷键:shift+alt+A

5、变量是什么?

是一个存储数据的“容器”

6、变量的命名规范?

由数字、字母、下划线_、美元符号$组成

不能以数字开头

不能使用关键字命名

严格区分大小写

7、变量使用let声明

8、常量使用const声明

9、变量和常量的区别?

变量可声明后不赋值,而常量必须赋值

let age

age=18

const num=10

变量可以再次赋值,而常量不能再次赋值

let age=17

age=18

const num=10

10、JavaScript的数据类型有哪些?

基本数据类型:数字类型number、字符串类型String、未定义类型undefined、空类型null、布尔类型Boolean

引用数据类型:对象类型object

11、数据类型的转换有哪些?

显式转换、隐式转换

显式转换

将字符串类型转换为数值型:Number和+

方法一:使用Number

//prompt弹窗输入,输入后获取的数据为字符类型,需要将其转换为数值类型

let age=prompt("请输入你的年龄:")

//打印输出 19

Document.write(Number(age)+1)

方法二:使用+

// +可以将字符型转化为数值型

let age = +prompt("请输入你的年龄:")

// 打印输出 19

Document.write(age+1)

parseInt(保留到整数部分)和parseFloat(保留到小数部分)

<script>
        // 显示转换 parseInt 只保留整数部分
        // 输出为:123
        console.log(parseInt("123px"))

        // 输出为:123
        console.log(parseInt("123.12px"))

        // 输出为:123
        console.log(parseInt("123.96px"))

        // 输出为:NaN
        console.log(parseInt("abc123px"))

        // 显示转换 parseFloat 保留到小数部分
        // 输出为:123
        console.log(parseFloat("123px"))

        // 输出为:123.12
        console.log(parseFloat("123.12px"))

        // 输出为:123.96
        console.log(parseFloat("123.96px"))

        // 输出为:NaN
        console.log(parseFloat("abc123px"))
    </script>

隐式转换,typeof可以查看该数据的数据类型

  <script>
        // 字符类型 + 数值类型 :转换为 字符类型
        // 123123
        console.log("123" + 123)
        // 输出为:String123
        console.log(typeof "123" + 123)

        // 当 + 单独使用时,字符类型可以转化为数值类型
        // 输出为:123
        console.log(+'123')
        // 输出为:number
        console.log(typeof +'123')

        // 字符类型 - * / % 数值类型:转换为 数值类型
        // 输出为:0
        console.log("123" - 123)
        // 输出为:1
        console.log('1' * 1)
        // 输出为:2
        console.log('4' / 2)
        // 输出为:0
        console.log('4' % 2)
    </script>

 1、运算符类型有哪些?

赋值运算符

+、-、*、/、%

比较运算符

>、<、==、!=、===、>=、<=

==比较等式两边的值是否相等,===比较等式两边的数据类型和值是否相等

比较运算符返回值为:true或者false

不同类型之间会进行隐式转换,即将数据隐式转换为number类型,再进行比较,例如:2==‘2’,会将‘2’字符串类型转化为数值型number,最终返回true

自增运算符

先赋值后运算:++i

先运算后赋值:i++

        let i = 1
        // 2  1+1
        console.log(i++ + 1);
        // 3  1+2
        // console.log(1 + ++i);
        // 3  1+2
        // console.log(i++ +i);
        // 4  1+3
        // console.log(i++ + ++i ); 
        // 7  1+3+3
        // console.log(i++ + ++i + i);2
        // 11 2+2+3+4
        // console.log(++i + i++ + i++ + i);

逻辑运算符

与&&、或||、非!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值