JavaScript-引入方式和基础语法

简介

在这里插入图片描述
在这里插入图片描述

引入方式

内部脚本

在这里插入图片描述
好像在哪写都ok

<!--    内部脚本-->
    <script>
        alert('Hello JS');
    </script>
    </head>

效果
就弹出一个警告框
在这里插入图片描述

外部脚本

在这里插入图片描述
在这里插入图片描述

    <script src="demo.js"></script>>

效果
在这里插入图片描述

基础语法

书写语法

区分大小写
分号可写可不写
注释和java中的一样
{
表示包含的代码块
}
在这里插入图片描述

输出语句

在这里插入图片描述
在这里插入图片描述
首先弹出警告框
在这里插入图片描述
点确认后
在这里插入图片描述

第三种效果
在这里插入图片描述

变量

在这里插入图片描述

弱类型语言和python类似
就是需要用var关键字来声明变量,之后的变量重新赋值就不用var了

var定义变量的特点
1.作用域较大,全局变量

2.可以重复定义(下面定义的会覆盖上面声明的变量)
在这里插入图片描述

新增两个关键字:let和const
let 和var类似就是不能重复声明,但是可以修改值
而且是局部变量,只能在对应代码块生效
在这里插入图片描述

const直接不能修改,就是一个常量

数据类型+运算符+流程控制语句

数据类型

原始类型-类似java的基本数据类型
在这里插入图片描述
我们可以通过typeof运算符来获取变量的数据类型
在这里插入图片描述

引用类型会在下面的对象篇讲到

运算符

在这里插入图片描述

因为 其他和java里面的一样就不介绍了

==和===号的区别
==会先看两边类型进行类型转换然后比较相等不(只比较数值)
===则不会进行类型转换如果类型不同直接就是返回false(比较类型和数值)

类型转换的一些原则

字符串转为数字(js里面没有char类型,也不会按照向Unicode码那样转换),所以"123"==123是正确的,返回true

alert(parseInt("12"))//转为数字的结果12
alert(parseInt("12A45"))//12,因为它是从头开始找,找到不是数字的不会直接退出,会保留之前的结果
alert(parseInt("A45"))//这个开头就不能转换,所以类型是NaN(not a number)

其他类型转布尔类型

number中除了0和Nan为false,其他都转成true
string 除了空字符其他都是true
nullundefined:均为false

流程控制语句

在这里插入图片描述

流程控制语句和java和c里面差不多用法都一样

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小袁拒绝摆烂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值