JS入门基础-1

1.JavaScript(简称 : JS )是一种基于对象和事件驱动的客户端脚本语言(一种动态脚本语言).
2.JavaScript由 ECMAsxcript(语法)和 Browser Objects( BOM( 浏览器对象模型)DOM
(文档对象模型 )特性)组成
3.标识符:变量、函数、属性的名字和函数的参数,
命名规则:1.由字母、数字、下划线(_)或者美元($)组成
2.不能以数字开头
3.不能使用关键字,保留字作为标识符
4.JavaScript的注释:// 单行注释 /多行注释/
5.语句结束时使用分号,如果省略分号,则由解析器确定语句地结尾。
6.JS程序,JavaScript的属性名是script,有三种书写方式,分别是内部样式、外部样式和行内样式,行内样式优先 级最高。
alert()弹框调试、console.log控制台输出调试。这两个调试工具主要是用来观察变量值的变化规律,是否符合程序设计的目的
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.Js变量:与其他程序设计语言相同,是用来临时存储信息的
创建方法1: var x = 1; var name = “javascript”; var x=2,name=”zhangsan”;
创建方法2: var x; x=1; x=2; – 弱数据类型
在这里插入图片描述
效果,弹框先是弹出123,点击确定后弹出
在这里插入图片描述
在这里插入图片描述
还可以定义两个变量
alert控制输出的值,若是x,弹出的则是1
在这里插入图片描述
在这里插入图片描述
数值和字符串的区别:只有变量是字符串的时候“+”表示字符串之间的拼接,变量是数值的时候就是正常的数值运算
字符串:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
数值:
在这里插入图片描述
在这里插入图片描述
8.JavaScript函数:自定义函数和内置函数
自定义函数:是完成某一个功能模块的代码段,可以重复执行,方便管理和维护
自定义函数有两种创建方式。第一种函数声明,可以先使用后定义。第二种是函数表达式,必须先定义后使用。
函数声明,先使用后定义
在这里插入图片描述
函数表达式,先定义后使用
在这里插入图片描述
在这里插入图片描述
9.JavaScript数据类型
简单数据类型:
Undefined/未定义,一般指的是已经声明,但是没有赋值的变量
在这里插入图片描述

Null/空对象类型
Boolean/布尔类型,只有true和false 2种值
Number/数字类型,整型、浮点型都包括。
String/字符串类型,必须放在单引号或者双引号中
在这里插入图片描述

ECMAScript6:  es6   新增symbol数据类型
复杂数据类型:
    Object/对象类型,在js中常见的window  document  array等
特殊类型:

NaN – 是Number的一种特殊类型,isNaN() 如果是数字 返回false 不是数字 返回true
isNaN() – 说明:对接受的数值,先尝试转换为数值,再检测是否为非数值。
在这里插入图片描述
在这里插入图片描述

任何涉及NaN的操作都会返回NaN
在这里插入图片描述

NaN与任何值都不相等,包括NaN本身。
在这里插入图片描述

   type of:检测变量类型 。返回值:string  number    boolean   object  underfined   function
   类型转换

parseInt() / 转换成整型
parseFloat() / 转换成浮点类型,带小数点
Number() / 包括整数和小数
Boolean() / 转换成逻辑类型
在这里插入图片描述
在这里插入图片描述
强制类型转换 隐式类型转换
在这里插入图片描述
除0之外的所有数字,换换成布尔型都是true
除""之外的所有字符,转换成布尔型都是true
null和undefined转换成布尔型是false
10.变量作用域:全局变量和局部变量
局部变量:在函数内部创建的变量,称为局部变量,其他函数不能使用。
全局变量:在函数外部创建的变量,称为全局变量,在函数之间可以共享使用。
在这里插入图片描述

11.比较运算符:用于比较两个值,结果true或者false。运算符的范围: > >= != < <=
在这里插入图片描述

 ==:相等,只比较值是否相等。
   ===:全等,比较值得同时比较数据类型是否相等。
   !=:不相等,比较值是否不相等。
   !==:不全等,比较值得同时比较数据类型是否不相等。
   返回都是boolean类型,只有false或者true
   ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201219101445684.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoaW1lbmduaW5n,size_16,color_FFFFFF,t_70)

12.逻辑运算符 :逻辑与( && )、逻辑或( || )、逻辑非( ! )等,结果是true或者false
对于&& 两个都是true结果是true,如果有一个false结果是false
对|| ,其中一个是true结果就是true,两个都是false结果才为false
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
13.三目运算符,也叫三元运算符 :是根据不同的条件,执行不同的操作/返回不同的值
他的格式:条件?值1:值2;
在这里插入图片描述

14.算数操作符:+ 加 | - 减 | * 乘 | / 除 | % 取余
在这里插入图片描述

15.递增和递减
递增 ++a 与 a++ 都是对a进行递增的操作
递减 --a 与 a-- 都是对a进行递减的操作
在这里插入图片描述

区别
++a(/ --a)先返回递增(/递减)之后的a的值 – 先运算再赋值
a++ (/–a)先返回a的原来的值,再返回递增(/递减)之后的值 – 先赋值在运算
在这里插入图片描述

16.赋值运算符
简单赋值 =
复合赋值 += -= *= /= %=
在这里插入图片描述

17.运算符的优先级
( ) 小括号 – 优先级高
++ – 自加 自减
* / % 乘 除 取余
+ - 加 减
< <= > >= 逻辑运算
== != 等于 不等于
&& 逻辑与
|| 逻辑或
?: 三目运算符
= 赋值 – 优先级低
18.程序控制语句:
条件判断类控制语句
语法格式:if(条件){
代码段;
} else {
代码段;
}
eg:
多重if嵌套控制语句在这里插入图片描述
或者
在这里插入图片描述

 Break 语句 : 立即退出循环
    这两种程序控制语句能达到相同的效果

19.循环类控制语句:for循环 while循环 do-while循环
for循环:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

continue语句:结束本次循环,继续开始下一次;
while循环 循环是先判断条件,条件满足了再继续执行
在这里插入图片描述

do-while循环 先执行一次,执行完之后再进行判断
在这里插入图片描述

for循环和while循环的区别:
for:适合已知循环次数的循环体
while:适合未知循环次数的循环体
20. 字符串的长度:string.length 。 是为了获取string字符串的长度, 他的返回值:number
21在这里插入图片描述

21.弹出输入框:prompt() 返回值:点击确定,返回输入的内容; 点击取消,返回null。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值