JavaScript-入门第一周学习笔记1

本文介绍了JavaScript的基本概念,包括其特点(如解释型、弱类型)和作用(如客户端数据计算、表单验证)。深入讲解了JavaScript的使用方式,包括内部式和外部式引入,以及调试技巧如console.log()。此外,还详细阐述了变量、常量、算术运算符和数据类型的用法,是JavaScript初学者的理想教程。
摘要由CSDN通过智能技术生成

目录

一、JavaScript概述

1、js的特点

2、js的作用

二、JavaScript的使用

1、使用方法

2、js的调式语言

3、js的语法规范

4、js的注释

5、变量

6、常量

7、算术运算符 

8、js中的数据类型


一、JavaScript概述

简称js,是运行在JavaScript解释器或者特定引擎中的解释型、弱类型、面向对象的脚本语言。

1、js的特点

        ①代码可以使用任何文本编辑器编写。

        ②解释型语言,无需翻译。

        ③弱类型语言,不需要进行规定,变量的数据类型是由值来决定的。

2、js的作用

        ①客户端数据的计算。

        ②表单的数据验证。

        ③提供了事件。

        ④网页中一切css做不了的特效都由js完成。

        ⑤和服务器端进行交互。


二、JavaScript的使用

1、使用方法

        ①内部式

<script>
	//.......
</script>

        ②外部式

        创建一个.js文件,html页面引入

<script src="a.js"><script>

2、js的调式语言

        只是逻辑错误不是语法错误时不会报错,需要方法进行调试。

        ①在控制台输出日志

console.log();    //打桩输出

        ②在页面进行输出

document.write();    //如果绑定上了事件,会将页面上的所有内容都替换掉

        ③弹出框显示

alert();    //会卡住整个页面,必须关闭弹窗后用户才能看到HTML和CSS

3、js的语法规范

        严格要求区分大小写。

4、js的注释

        单行注释:        //

        多行注释:        /*        */

5、变量

        变量的值是可以改变的,用来存储要经常使用的数据。

var 变量名 = 值;

特殊:

        ① = 是赋值符号(将=右边的数据放到=左边的变量名中)。

        ②如果只声明没有赋值的话,默认值为undefined。

        ③取变量名尽量见名知意。

        ④如果创建多个变量,中间的var可以省略,中间的;换为, 最后一个以;结束。

        ⑤如果是一个未声明的变量直接使用,会报错;如果是一个声明过的变量但是未赋值,结果undefined。

        ⑥name变量是一个关键字,里面只能放入字符串。如果你放入的不是一个字符串也会自己变成一个字符串。

6、常量

        一旦初始化后,值不允许被修改

const 常量名 = 值;

7、算术运算符 

        +加、-减、*乘、/除、%取余

特殊:

        ①%取余,俗称模,两个数相除取余数。

                作用:

                        Ⅰ判断奇偶性(num%2,结果为0说明是一个偶数,结果为1是奇数)

                        Ⅱ获取某个数字的最后n位

                                1234%10->4

                                1234%100->34

                                1234%1000->234

                        Ⅲ控制一个运算的结构永远不超过某个数。

        ②隐式转换(数据类型自己悄悄转换)

                一般只有数据才能参与算术运算,在这里字符串也可以参与,但默认运算符左右两边都会悄悄变成一个数字,然后再运算。

                Ⅰ“+”运算,只要碰到一个字符串则都变为字符串,“+”运算也变成拼接字符串操作。

                Ⅱ“-” “*” “/” “%”运算,有字符串也可以转为数字,但是必须是纯数字组成的字符串,否则结果位NaN。

                Ⅲ一些转为数字的结果

                        true->1

                        false->0

                        undefined->NaN

                        null->0

                        "100"->100

                        "10abc0"->NaN

                Ⅳ我们没有办法使用普通的比较运算来判断x是不是NaN

                        解决方法:  !isNaN(x)-> 判断x是不是一个有效数字

                                                true->是有效数字

                                                false->是无效数字

NaN:not a number

NaN参与任何运算,结果都为NaN。

NaN参与任何比较运算,结果都为false。

8、js中的数据类型

        ①原始类型(5个)

                Ⅰ String字符串:取值有无数个,必须写" "或' '

                Ⅱ Namber数字:取值有无数个,直接写数字

                Ⅲ Boolean布尔:取值只有两个,true和false

                Ⅳ undefined:取值只有一个默认值undefined

                Ⅵ Null空,取值只有一个null(作用:释放变量、内存、内存Jon关键)

        ②对象类型、引用类型(11个)

小扩展:

        弹出一个用户输入框:

var user = prompt("提示文字","默认值");

        

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值